body {
    margin: 0;
    font-family: 'Basiic', sans-serif;
    background-color: #FFFFFF;
    background-size: 65px;
    color: #999999;
    cursor: url(cursor.cur), auto;
    background-image: url('https://oceanfront.neocities.org/photos/webfiles/Background02.gif');
    }

    
    element-class:pointer {
        cursor: url(jellyfish.cur), pointer;
      }
    
    #container {
        max-width: 900px;
        margin: 0 auto;
    }
    main {
        background-color: #FFFFFF;
        border-radius: 25px;
        border: 1.5px dashed #A2D5F8;
        padding: 20px;
        filter: drop-shadow(5px 0px 0px #ffffff) drop-shadow(0px 5px 0px #ffffff) drop-shadow(-5px 0px 0px #ffffff) drop-shadow(0px -5px 0px #ffffff);
        margin-top: 50px;
        margin-bottom: 50px;
    }

    span {
        text-align: center;
      }
    
    
    *::-webkit-scrollbar {
        width: 5px;
    }
    *::-webkit-scrollbar-thumb {
        background-color: #81afc8;
        border-radius: 10px;
        border: 1px solid #79868f;
    }
    *::-webkit-scrollbar-track {
        background: #7287ae;
    }


.mainbox {
    display: inline-block;
     width: 35rem;
     height: 250px;
     background-color: #FFFFFF;
     border: 1.5px dashed #A2D5F8;
     margin-top: 15px;
     border-radius: 9px;
   }


 h1 {
    color:#9fc2e3;
     border-radius: 15px;
     font-size: 30px;
     font-family:'bluescreen';
     
 }

.gohome {
    display: flex;
    justify-content: center;
}

a:link {
  color: #3f6589;
}

a:visited {
  color: rgb(71, 142, 200);
}



  @font-face {
    src: url("fonts/MSGothic.ttf"); 
     format:("truetype");
    font-family: "MSGothic";
    }
  
    @font-face {
        src: url("fonts/BlueScreen.ttf"); 
         format:("truetype");
        font-family: bluescreen;
        }
    
      @font-face {
    src: url("fonts/Winkle-Regular.ttf"); 
     format:("truetype");
    font-family: "winkle";
    }