body,div,figure,h3,header,html,input,li,ol,p,td,tr,ul{margin:0;padding:0;}
a{color:inherit;text-decoration:none;word-wrap:break-word;word-break:break-all;}
a:active,a:hover,a:visited{background:0 0;-webkit-tap-highlight-color:transparent}
h1{display: block; text-align: center;}
html{background:#fff;font-size:16px;font-family:JosefinSans}
body{height:100vh;width:100vw}
.container{padding:0 15px}
.main{margin-top:calc(100vh*.42 - 100px)}
.site-header{height:30px;padding-top:10px;padding-bottom:10px;display:flex;align-items:center}
.Copyright,.logo{text-align:center}
.logo svg{height:45px}
.footer{color:#999;font-size:12px;position:absolute;bottom:0;padding:15px 0;width:100%;line-height:1.5}
#dev{margin-top:20px}
@font-face {
    font-family: JosefinSans;
    src: url("../font/JosefinSans.ttf");
}  
.buttons {
    display: flex;
    justify-content: center;
    align-items: center; 
    margin-top: 20px;
}
.buttons a {
    display: inline-block;
    margin-right: 10px;
}
@media screen and (max-width: 1080px) {
    .content {
        width: 100%;
      }
  }