element-class:pointer {
  cursor: url(https://oceanfront.neocities.org/jellyfish.cur), pointer;
}

 span {
  text-align: center;
}

:root {
  --body-bg-image: url(https://oceanfront.neocities.org/photos/webfiles/Background02.gif);
}

*::-webkit-scrollbar {
  width: 5px;
}
*::-webkit-scrollbar-thumb {
  background-color: #81afc8;
  border-radius: 10px;
 border: 1.5px dashed #A2D5F8;
}
*::-webkit-scrollbar-track {
  background: #d4dcec;
}

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

  .main {
    height:70%;
    width:60%;
    border-radius: %;
    border:#93a3b5 1.5px solid;
    margin-left:20%;
    margin-right:auto;
    margin-top:8%;
    background-color: rgb(248, 252, 255);
    position:absolute; 
    z-index:1;
  }

   .godkillme {
    height:70%;
    width:60%;
    margin-left:20%;
    margin-right:auto;
    margin-top:8%;
    background-color: rgb(248, 252, 255);
     box-shadow: 0px 0px 20px 10px #48abe0;
    animation: shadows 1.5s infinite;
    position:absolute; 
    z-index:0;
  }

  .hometextbox {
    height:53%;
    width:70%;
    margin-left:26%;
    margin-right:auto;
    margin-top:-36.3%;
    background-color: rgb(248, 252, 255);
    box-shadow: 0px 0px 20px 10px #aecad9;
    border:#93a3b5 1.5px solid;
    overflow:auto;
  }

  .imagebox {
    width: 95%;
    height:10%;
    margin-left:2%;
    margin-top:-8%;
     background-image:url(https://i.ibb.co/60kKLYNW/imageedit-6-3111101826.jpg);
  }

  button {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 3px;
    background-color: #ffffff;
    border-radius: 30px;
    font-family: "VCROSDMono";
    border-top: 3px groove #c7dfe6;
    border-bottom: 3px groove #c7dfe6;
    border-right: 3px groove #c7dfe6;
    border-left: 3px groove #c7dfe6;
    color: #549ebb;
    background-color: rgb(215, 239, 248);
    font-size: 14px;
    height: 25px;
    width: 110px;
     transition-duration: 0.4s;
     cursor: pointer;
    text-align:center;
    position:absolute;
    filter: drop-shadow(0px 0px 1px rgb(105, 210, 255));
}


  button:hover {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 3px;
    background-color: #f3fcff;
    border-radius: 30px;
    border-top: 3px groove #c7dfe6;
    border-bottom: 3px groove #c7dfe6;
    border-right: 3px groove #c7dfe6;
    border-left: 3px groove #c7dfe6;
    color: #549ebb;
    font-size: 14px;
    height: 20px;
    width: 110px;
     transition-duration: 0.4s;
     cursor: pointer;
    text-align:center;
    filter: drop-shadow(0px 0px 1px rgb(105, 210, 255));
}

button.selected {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 3px;
    background-color: #f3fcff;
    border-radius: 30px;
    border-top: 3px groove #c7dfe6;
    border-bottom: 3px groove #c7dfe6;
    border-right: 3px groove #c7dfe6;
    border-left: 3px groove #c7dfe6;
    color: #549ebb;
    font-size: 14px;
    height: 25px;
    width: 110px;
     transition-duration: 0.4s;
     cursor: pointer;
    text-align:center;
    filter: drop-shadow(0px 0px 1px rgb(105, 210, 255));
}

.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.hue-change {
  filter: hue-rotate(200deg);
}
.post {
   width:90%;
   margin-left:auto;
   margin-right:auto;
   margin-bottom: 10px;
   margin-top: 10px;
    border-image: url(img/pixelborder.png) 8 fill round;
    background: white;
    border-image-outset: -35px;
    
}

.content {
    padding: 10px;
    border: dashed #99c0e7 2px;
    padding-bottom: 0px;
}

  hr {
   border:0.8px #b8c8d7 solid;
  }

  @keyframes shadows {
  0% {
    text-shadow: #48abe0 0 0 10px;
    box-shadow: 0px 0px 20px 10px #48abe0;
  }
  50% {
    text-shadow: #5daee8 0 0 10px;
    box-shadow: 0px 0px 20px 10px #5daee8;
  }
  75% {
    text-shadow: #9acaec 0 0 10px;
    box-shadow: 0px 0px 20px 10px #9acaec;
  }
  100% {
    text-shadow: #48abe0 0 0 10px;
    box-shadow: 0px 0px 20px 10px #48abe0;
  }
}

details > summary {
    list-style: none;
    font-family: 'winkle';
}


                              .bouncyyy {
                              font-family:'cupcake';
                                font-size: 2em;
                                z-index: 99;
                                color: white;    
                                filter: drop-shadow(1px 1px 0 rgb(62, 105, 123)) drop-shadow(-1px 1px 0 rgb(89, 123, 142)) drop-shadow(0 -1px 0 rgb(109, 203, 226)) drop-shadow(2px 0 rgb(71, 118, 133));
                                animation: bounce 2s infinite;
                                animation-timing-function: cubic-bezier(0.25, 0.85, 0.4, 1) width:auto;
                                margin-left:0%;
                                
                              }
                            
                              .letterone {
                                animation-delay: 0s;
                                display: inline-block;
                              }
                            
                              .lettertwo {
                               
                                animation-delay: 0.1s;
                                display: inline-block;
                              }
                            
                              .letterthree {
                                
                                animation-delay: 0.15s;
                                display: inline-block;
                              }
                            
                              .letterfour {
                                
                                animation-delay: 0.2s;
                                display: inline-block;
                              }
                            
                              @keyframes bounce {
                                0% {
                                  transform: scale(1, 1) translateY(0);
                                }
                            
                                10% {
                                  transform: scale(1.1, .9) translateY(0);
                            
                                }
                            
                                30% {
                                  transform: scale(.9, 1.1) translateY(-30px);
                                  transform: rotate(-10deg);
                                }
                            
                                50% {
                                  transform: scale(1.05, .95) translateY(0);
                                  transform: rotate(10deg);
                                }
                            
                                60% {
                                  transform: scale(1, 1) translateY(-4px);
                                  transform: rotate(-10deg);
                                }
                            
                                100% {
                                  transform: scale(1, 1) translateY(0);
                                }
                              }

  
a:hover{ 
      cursor:url(https://i.ibb.co/6JL8wR4/download-2.gif), url(https://i.ibb.co/6JL8wR4/download-2.gif), auto;   
      }

#artists {
  overflow:scroll;
   overflow:auto;
}

.textbox {
  overflow:auto;
}

 h1 {
       color:#9fc2e3;
        font-family: "angelicwar";
        border-radius: 15px;
        font-size: 90px;
        letter-spacing: 5px;
    animation: none;
    filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 1px 0px #00000032);
    }
    
h2 {
    color: #ffffff;
    text-shadow: -2px -2px 1px #81acd1, -2px -2px 1px #81acd1, 2px -2px 0px #81acd1, -2px 2px 0px #81acd1,
    -2px -2px 1px #81acd1, -2px -2px 1px #81acd1, 2px -2px 0px #81acd1, -2px 2px 0px #81acd1,
    -2px 1px 1px #81acd1,-2px 4px 1px #81acd1,
    -2px -2px 1px #81acd1, -2px -2px 1px #81acd1, 2px 2px 0px #81acd1;
    font-size: 20px;
    padding-bottom: 5px;
    line-height: 1.3;
    letter-spacing: 3;
    font-family: bluescreen;
}

h3 {
    padding: 5px;
    margin-bottom: -5px;
    width: 100%;
    margin-top: -10px;
    margin-left: -10px;
    line-height: 110%;
    font-family: "angelicwar";
    font-size: 50px;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
}

h3 span {
  font-family:'Times New Roman', Times, serif;
    font-size: 15px;
    color: rgb(124, 141, 148);
    text-shadow: none;
    text-decoration: none;
    font-weight: bold;
    margin-left:2%;
}


p {
color: #3b4d6f99;
}

a:link {
  color: #81afc8;
}

a:visited {
  color: #6f9bbf;
}

a:hover {
  color: #81afc8;
}

a:active {
  color: #81afc8;
}

  
@font-face {
  src: url("MSGothic.ttf"); 
   format("truetype");
  font-family: "MSGothic";
  }

  @font-face {
      src: url("fonts/BlueScreen.ttf"); 
       format("truetype");
      font-family: "bluescreen";
      }
  
    @font-face {
      src: url("fonts/HawaiiKiller.otf"); 
       format("truetype");
      font-family: "angelicwar";
      }