@font-face{
 font-family: 'Liberation Mono'
 src: url(assets/liberation-mono.ttf) format("opentype");
 font-weight: normal;
}
@font-face{
 font-family: 'Exo';
 src: url(assets/Exo-Regular.ttf) format("opentype");
 font-weight: normal;
}
@font-face{
 font-family: 'Exo';
 src: url(assets/Exo-Italic.ttf) format("opentype");
 font-weight: normal;
 font-style: italic;
}
@font-face{
 font-family: 'Exo';
 src: url(assets/Exo-SemiBold.ttf) format("opentype");
 font-weight: bold;
}
@font-face{
 font-family: 'Exo';
 src: url(assets/Exo-SemiBoldItalic.ttf) format("opentype");
 font-weight: bold;
 font-style: italic;
}

html{
 overflow-y: scroll;
}

body{
 line-height: 1.6;
 font-family: 'Exo', sans-serif;
 font-size: 1.05em;
 margin:0 auto;
 margin-top:30px;
 margin-bottom:50px;
 width:80%;
 max-width: 800px;
}

h1{
 font-size: 2em;
 margin-block-start: 0.67em;
 margin-block-end: 0.67em;
 margin-inline-start: 0px;
 margin-inline-end: 0px;
 font-weight: bold;
}

h2{
 font-size: 1.4em;
 margin-block-start: 0em;
 margin-block-end: 0em;
 margin-inline-start: 0px;
 margin-inline-end: 0px;
 font-weight: bold;
}

.logo{
 color: #008800;
}

.divider{
 width: 100%;
 height: 1px;
}

.large-vspace{
 margin-block-start: 2.3em;
}

.small-vspace{
 margin-block-start: 0.95em;
}

.code{
 font-family: 'Liberation Mono', monospace;
 font-size: 0.95em;
 padding-left: 0.2em;
 padding-right: 0.2em;
}

.right{
 text-align: right;
}

.menu{
 padding-top: 1em;
 padding-bottom: 0.2em;
}

.menubtn{
 margin-left: 1em;
 margin-right: 1em;
}

.quote-block{
 margin-left: 1.2em;
 margin-right: 3.6em;
}

.date{
 font-style: italic;
 font-size: 0.9em;
}