body {
  background-image: url("https://fulvern.neocities.org/Images/UTDRImg/GonerBg.gif") ;
  background-size: cover ;
  font-family: "PixelOperatorMono" ;
  color: white ;
  font-size: 150% ;
  
cursor: url(https://fulvern.neocities.org/Images/UTDRImg/Soul%20Cursor.png), auto;
}

#container {
                max-width: 900px;
                margin: 0 auto;
  width: 50%;
  height: 50%;
  padding: 10px;
            }
main{
 margin: auto;
    margin-top: auto;
  width: 660px;
  height: 430px;
  margin-top: 170px;
  position: relative;
  }
  
@font-face {
    font-family: "PixelOperatorMono";
    src: url('https://fulvern.neocities.org/Fonts/PixelOperatorMono.ttf') format('truetype') ;
}
@font-face {
    font-family: "PixelOperatorMono";
    src: url('https://fulvern.neocities.org/Fonts/PixelOperatorMono-Bold.ttf') format('truetype') ;
    font-weight: bold;
}

a:link {
  color: yellow;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: pink;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}
a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
} 

@media only screen and (min-width: 900px) {
  #mobileonly {
    display: none;
  }
}


            @media only screen and (max-width: 800px) {
                #flex {
                    flex-wrap: wrap;
                }

                main {
                    order: 1;
                    width: 100%;
                    flex-wrap: wrap;
                }