header,section{
 display:block;
}
body{
 font-size:16px;
 margin:0 auto;
 line-height:1.4;
 background:#1a1a1a;
 color:#d4d4d4;
 font-family:"Noto Sans", Futura, Verdana, "Liberation Sans", sans-serif;
}
a{
 color:#64d7ff;
 text-decoration:none;
}
a:hover{
 text-decoration:underline;
}
::selection {
 color:#1a1a1a;
 background:#c79908;
}
h1{
 font-size:2em;
 margin:.67em 0;
}
#page{
 position:relative;
}
#header{
 padding-top:50px;
 transform:translate3d(0,0,0);
}
.title-wrapper{
 text-align:center;
}
.content{
 margin-left:auto;
 margin-right:auto;
 padding:1px 20px;
 position:relative;
 z-index:2;
 min-width:270px;
}
.title{
 font-size:42px;
 line-height:1.2;
 margin:40px 0 0;
 word-wrap:break-word;
}
.title a:active{
 transform:translateY(1px);
}
.title a{
 color:#e4e4e4;
 display:block;
 text-decoration:none;
}
.description{
 color:#c79908;
 margin:50px 0 0;
 display:block;
}
.title+.description{
 margin-top:10px!important;
}
.footdesc{
 color:#666666;
 margin:20px 0 0;
 display:block;
 font-size: 14px;
}
.footdesc a{
 color:#666666;
 text-decoration:none;
}
.footlink {
 text-align: center;
}
.middle {
 overflow: auto;
 margin: auto;
 display: inline;
 text-align: center;
 vertical-align: middle;
}
.valign {
 vertical-align: middle;
}
.linkbox a{
 color: #3498db;
 background-color: rgba(223, 255, 123, 0.1);
 border-radius: 4px;
 padding-left: 0.5rem;
 padding-right: 0.5rem;
 padding-top: 0.375rem;
 padding-bottom: 0.375rem;
}