* { box-sizing: border-box;}
img { display: block;}
@font-face {
  font-family: 'Exo 2';
  src:  url('/Exo2-VariableFont_wght.woff') format('woff'),
        url('/Exo2-Italic-VariableFont_wght.woff') format('woff');
}
body {
  margin: 0;
  font-family: 'Exo 2', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100vh;
  color: white;
  font-size: 16px;
  letter-spacing: 0.8px;
  line-height: 1.5;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

h1,h2,h3,h4 { color: yellow; text-shadow: .05em .05em .05em rgba(0,0,0,0.7)}
h1 { margin-top: 0; color: white;}
h1 { font-size: 2.5rem; }
h2 { font-size: 2.0rem; color: yellow; margin-bottom: 0;}
h3 { font-size: 1.4rem; margin-bottom: 0;}
h4 { font-size: 1rem; margin-bottom: 0;}
a { color: orange; text-decoration: none;}
a:focus , a:hover { text-decoration: underline; color: #ffd000; }
.center { text-align: center;}
.right {text-align: right;}
.textbox {
  padding: 2em;
}
.textshadow {
  text-shadow: .05em .05em .05em rgba(0,0,0,0.7);
}