:root{
  --clr-grey: #5A5A5A;
  --clr-light: #DBD9D8;
  --clr-grn: #8EAE08;
  
}
 
 @font-face { 
   font-family: Consolas; src: url('https://file.garden/ZN_Kso-7dnW-gw63/Neocities/Animaids/FONTS/CONSOLA.TTF')  format('truetype'); 
} 



.mainpage_header{
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 50px;
  background-color: black;
  justify-content: space-evenly;
  align-items: center;
  position: fixed;
  top: -5px;
}

.header_button{
  display: flex;
  border: 2px solid white;
  color: white;
  background-image: radial-gradient(#003070, #001C40);
  font-family: Consolas;
  font-size: 20px;
  letter-spacing: 2px;
  width: 200px;
  height: 25px;
  justify-content: center;
  text-decoration: none;
  -webkit-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
}



.header_button:hover{
  background-image: radial-gradient(#589400, #285000);
  text-decoration: none;
}

.header_button:active{
  background-image: radial-gradient(var(--clr-light), var(--clr-light));
  text-decoration: none;
}

.header_button:visited, header_button:link{
  text-decoration: none;
}