@font-face {
  font-family: 'BarecastRegular';
  src: url(fonts/Barecast-Regular.otf);
}

@font-face {                  
font-family: 'Illusion-Italic';
src: url(https://humantooth.neocities.org/fonts/IllusionSerif-Italic.woff2);
font-weight: normal;
font-style: normal;
} 

html {
    background-image:url(media/pixel-stars-galaxy-twinkling.gif);
    color:aliceblue;
  font-family: BarecastRegular;
  }

body {
      margin: 0;
}

    #top { 
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      height: calc(100vh - 480px)
    }

    #para {
     margin: auto;
    height: 45px;
    width: 450px;
    display: flex;
    justify-content: center;    
    align-items: center;        
    text-align: center;      
    background-image:url(media/wow.gif)
    }

#boa {
  font-family: monospace;
}

.container {
     display: flex;
      justify-content: center;
      align-items: center;
      height: calc(100vh - 150px);
      text-align: center;
    gap: 15px;
}

#moonrats {
  font-family: Illusion-Italic;
    font-size:x-small
}

.bottom {
  margin:auto;
  display: flex;
      justify-content: center;
      align-items: center;
    gap: 15px;
}