:root {
 --nord:#1b212a;
 --snow:#ccd2dc;
 --one:#b8c0e0;
 --two:#a5adcb;
 --three:#929ab6;
 --four:#7f87a1;
 --five:#6c748c;
 --six:#596177;
 --seven:#464e62;
 --eight:#333b4d;
 --nine:#202838;
 --ten:#0d1523;
 --code:#1e2030;
 --grey:#757575;
}
header,section {
 display:block;
}
body {
 font-size:16px;
 margin:0 auto;
 line-height:1.4;
 background:var(--nord);
 color:var(--two);
 font-family:"Noto Sans", Futura, Verdana, "Liberation Sans", sans-serif;
}
a {
 color:var(--two);
 text-decoration:none;
}
a:hover {
 color:var(--snow);
 text-decoration:underline;
}
h1, h2, h3, h4, h5, h6 {
 color:var(--snow);
}
a code {
 box-shadow:0 -1px 0 var(--one) inset;
}
pre, code {
 display:block;
 margin:auto 0;
 padding:5px;
 overflow-x:auto;
 word-break:break-all;
 background:var(--code);
}
blockquote {
 margin:15px;
 padding:0 10px;
 border-inline-start:3px solid var(--three);
}
hr {
 background:var(--three);
}
::selection {
 color:var(--nord);
 background:var(--one);
}
h1 {
 font-size:2em;
 margin:.67em 0;
}
#page {
 position:relative;
}
#header {
 padding-top:30px;
 transform:translate3d(0,0,0);
}
#main {
 padding-top:30px;
}
#footer {
 padding-top:30px;
}
.title-wrapper {
 text-align:center;
}
.content {
 margin-left:auto;
 margin-right:auto;
 padding:1px 20px;
 position:relative;
}
.title {
 font-size:42px;
 line-height:1.2;
 margin:40px 0 0;
 word-wrap:break-word;
}
.title a:active {
 transform:translateY(1px);
}
.title a {
 display:block;
 text-decoration:none;
}
.description {
 color:var(--three);
 margin:20px 0 0;
 display:block;
}
.title + .description {
 margin-top:10px !important;
}
.footdesc {
 color:var(--six);
 display:block;
 font-size:14px;
}
.footdesc a {
 color:var(--six);
}
.footdesc a:hover {
 color:var(--four);
}
.footlink {
 text-align:center;
}
.middle {
 overflow:auto;
 margin:auto;
 display:inline;
 text-align:center;
 vertical-align:middle;
}
.valign {
 vertical-align:middle;
}
.squarethirty {
 height:30px;
 width:30px;
}