@font-face {
  font-family: 'b';
  src: url('/fonts/RomanAntique.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
      
html {
  filter:grayscale(100%) brightness(80%) contrast(140%);
  font-family:b;
  color:white;
}
      
body {
  background-image:url('backgrounds/background01.gif');
  background-size:100vw 100vh;
  background-color:black;
  padding:15%;
  box-sizing:border-box;
  overflow:hidden;
}
      
main {
  background-color:black;
  background-size:100% 100%;
  width:65vw;
  height:fit-content;
  border:1px dotted white;
  padding:3%;
  box-sizing:border-box;
}
      
button{
  display:inline-block;
  align-items:center;
  justify-content:center;
  width:45%;
  margin:1%;
  background:none;
  border:3px double white;
  color:white;
  font-family:b;
  box-sizing:border-box;
}
button:hover{
  box-shadow:0 0 25px white;
}

a{
  text-decoration:none;
}