@font-face { 
  font-family: SerifB_header; src: url('https://file.garden/ZN_Kso-7dnW-gw63/Neocities/WUBBYWORLD/Fonts/HGHeiseiMinchotaiW3.woff2')   format('truetype');
}

.headertop{
  display: flex;
  width: auto;
  height: 60px;
  overflow: hidden;
  position: fixed;
  justify-self: flex-start;
  justify-content: flex-start;
  align-content: space-evenly;

}

.headeritem{
  font-family: SerifB_header;
  font-size: 30px;
  border: solid 1px white;
  color: white;
  background-color: black;
  width: 150px;
  height: 30px;
  text-decoration: none;
  text-align: center;
}

.headeritem:hover{
  background-color: white;
  color: black;

  
}

.headeritem:hover .hovertext{
  display: block; 
}

.hovertext{
  display: none;
  color: white;
text-shadow: 0px 2px 8px rgba(0,0,0,1);
  font-family: Libre Baskerville;
  font-size: 10px;
  align-text: center;
}

.fillerforHeader{
  height: 90px;
}