@font-face{
    src: url(https://thefamouscd.neocities.org/Silkscreen-Regular.ttf);
    font-family: Silkscreen-Regular;
}
@font-face{
  src: url(https://thefamouscd.neocities.org/PressStart2P-Regular.ttf);
  font-family:PressStart2P-Regular
}
body{
    min-height: 100vh;
    background: #1F1F1F;
    font-family: Silkscreen-Regular
}
body {
  color:white;
}
.header{
  font-family:PressStart2P-Regular;
  font-size: 2em;
  text-align: center;
  background: -webkit-linear-gradient(#018FE6, #D3430A);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
a{
  text-decoration: none;
}
.button-list {
  float: left;
  margin-right: 10px;
  margin-top: 0px;
  padding: 0px;
}
.button-list li {
  display:block;
  padding: 25px 25px;
  background-color: #304880;
  color: white;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0 8px 16px 0 rgba(255,255,255,0.2), 0 6px 20px 0 rgba(255,255,255,0.19);
  margin: 25px 0;
}
.button-list li:hover {
  background: #0a7d0c;
  box-shadow: 2px 2px 5px rgba (0, 0, 0, 0.3);
}
footer{
  clear:both;
  position:absolute;
  bottom:0;
  width:100%;
  height: 60px;
}