body {
   background: #ffffff;
   font-family: Blinker;
   font-size: 20px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0;
   max-width: 1000px;
   padding-top: 0;
}

@font-face {
  font-family: "Blinker";
  src: url("fonts/Blinker-Regular.ttf");
}

@font-face {
  font-family: "Blinker";
  src: url("fonts/Blinker-SemiBold.ttf");
  font-weight: bold;
}

a {
   font-family: "Blinker";
   text-decoration: none;
   font-size: 35px;
   font-weight: bold;
   line-height: 55px;
   padding-left: 8px;
   padding-right: 8px;
   padding-top: 3px;
   padding-bottom: 4px;
   color: blue;
   background: transparent;
   border-radius: 12px;
}

a:hover {
   font-family: "Blinker";
   background: blue;
   color: white;
}

#box {
   text-align: center;
   margin-top: 25px;
   width: 1000px;
}

@media only screen and (max-width:1050px){

}


@media only screen and (max-width:600px){
   a {
      font-size: 27px;
      padding-left: 3px;
      padding-right: 3px;
      padding-top: 0;
      padding-bottom: 0;
      line-height: 40px;
   }
   #box {
      width: 98%;
   }
}