::selection{
  color: black;
  background-color: #ffff00;
}


::-webkit-scrollbar {
  width: 15px;
}


::-webkit-scrollbar-track {
  box-shadow: inset 2px 2px 7px #ffff00;
}


::-webkit-scrollbar-thumb {
  background: red;
}





body {
  background-image: url("artparts/sunset.png");
  background-color: black;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
  
  }
  
p {
   font-size: 20px;
   text-align: center;
   color: #ff0000;
   
}
  
h1 {
  font-size:80px;
  text-align: center;
  color: #ff0000;
  
}
  
h2 {
  font-size:30px;
  text-align: center;
  color: #ff0000;

}

h5 {
  font-size:14px;
  text-align: center;
  color: #ffff00
  }
  
   ul {
    font-size: 20px;
    list-style-type: none;
    margin: auto;
    padding: 0;
    overflow: hidden;
    background-color: #ff0000;
    width:100%;
    display: flex;
    justify-content: center;

}

ul li {
  float: center;
}

ul li a {
      display: block;
      color: black;
      text-align: center;
      padding: 10px 10px;
      text-decoration: none;
}

ul li a:hover {
  box-shadow: 8px 10px black inset;
}
ul li a:active {
    background-color: #000000;
    color: #ff0000;
}
  
.main{
  margin-top: 150px;
  background-color: black;
  border-style: solid;
  border-color: red;
  width:900px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  
}

    .worm {
      width:50%;
      height: auto;
      margin: auto;
      }
  


/* THIS IS THE ART SECTION W ALL THE ART STUFF ................................................................................................................................................*/

        #art2025 {
          background-image: url("artparts/car.png");
          background-size: cover;
          font-size: 140px;
          margin:27px;
          border: 2px solid #000000;
          text-shadow: 0 0 10px #ffff00;
          color:black;
          text-decoration: none;
          padding: 10px;
          }
              #art2025:hover{
                box-shadow: 0px 0px 20px #ff0000;
                color: #ff0000;
                text-shadow: 5px 5px  #000000, 0 0 10px #ffff00;
              }
          
          
          
           #art2024 {
          background-image: url("artparts/centipede.png");
          background-size: cover;
          font-size: 140px;
          margin:27px;
          border: 2px solid #000000;
          text-shadow: 0 0 10px #ffff00;
          color:black;
          text-decoration: none;
          padding: 10px;
          }
              #art2024:hover{
                box-shadow: 0px 0px 20px #ff0000;
                color: #ff0000;
                text-shadow: 5px 5px  #000000, 0 0 10px #ffff00;
                }
          
          
          
           #art2023 {
          background-image: url("artparts/slime.png");
          background-size: cover;
          font-size: 140px;
          margin:27px;
          border: 2px solid #000000;
          text-shadow: 0 0 10px #ffff00;
          color:black;
          text-decoration: none;
          padding: 10px;
          }
              #art2023:hover{
                box-shadow: 0px 0px 20px #ff0000;
                color: #ff0000;
                text-shadow: 5px 5px  #000000, 0 0 10px #ffff00;
                }
                
          
          
           #art2022 {
          background-image: url("artparts/eyes.png");
          background-size: cover;
          font-size: 140px;
          margin:20px;
          border: 2px solid #000000;
          text-shadow: 0 0 10px #ffff00;
          color:black;
          text-decoration: none;
          padding: 10px;
          }
                #art2022:hover{
                box-shadow: 0px 0px 20px #ff0000;
                color: #ff0000;
                text-shadow: 5px 5px  #000000, 0 0 10px #ffff00;
                }
        
  
  
      .art {
            height: 200px;
            width: 90%;
            font-size: 70px;
            margin: auto;
            display: block;
      }
  
  
  
          #artoc {
            background-image: url("artparts/green.png");
            background-position: center;
            background-size: 400px 400px;
            
              text-decoration: none;
              color: black;
              text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;
              text-align: center;
              
                display: block;
                margin: auto;
                width: 45%;
                float: left;
                }
                  #artoc:hover{
                box-shadow: 0px 0px 20px #ff0000;
                color: #ff0000;
                text-shadow: 3px 3px  #000000;
                }
                
          
          
          #artslipknot {
            background-image: url("artparts/red.png");
            background-position: center;
            background-size: 400px 400px;
            
              text-decoration: none;
              color: black;
              text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;
              text-align: center;
              
                display: block;
                margin: auto;
                width: 45%;
                float: right;
                }
                  #artslipknot:hover{
                box-shadow: 0px 0px 20px #ff0000;
                color: #ff0000;
                text-shadow: 3px 3px  #000000;
                }
                
          
          
          #artanime {
            background-image: url("artparts/orange.png");
            background-position: center;
            background-size: 400px 400px;
            
              text-decoration: none;
              color: black;
              text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;
              text-align: center;
              
                display: block;
                margin: auto;
                width: 45%;
                float: left;
                }
                  #artanime:hover{
                box-shadow: 0px 0px 20px #ff0000;
                color: #ff0000;
                text-shadow: 3px 3px  #000000;
                }
          
          
          
          #artfanart {
            background-image: url("artparts/yellow.png");
            background-position: center;
            background-size: 400px 400px;
            
              text-decoration: none;
              color: black;
              text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red;
              text-align: center;
              
                display: block;
                margin: auto;
                width: 45%;
                float: right;
                }
                  #artfanart:hover{
                box-shadow: 0px 0px 20px #ff0000;
                color: #ff0000;
                text-shadow: 3px 3px  #000000;
                }
                
                
                
/* THIS IS THE MUSIC SECTION W ALL THE MUSIC STUFF ................................................................................................................................................*/


.albums{
  border: #ff0000 solid;
  float: left;
  height: 737px;
  width: 200px;
  margin-right: 20px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding:5px;
  }
  
.desc {
 margin:10px;
}
  
  
#dawn {
  display: flex;
  height: 280px;
  width: 280px;
  margin: 30px; 


  }  
  #dawn:hover {
    box-shadow: 0 0 20px #ff0000;
    }
    
#dusk {
  display: flex;
  height: 280px;
  width: 280px;
  margin: 30px; 

}
  #dusk:hover {
    box-shadow: 0 0 20px #ff0000;
    }
  
  
#desc2 {
  height:600px;
  width:300px;
 margin:auto;
 margin-right:50px;
 float:right;
}
  
  
/* THIS IS THE PROJECT SECTION W ALL THE PROJECT STUFF ................................................................................................................................................*/
  
  
  
  .dropdown {
  position: relative;
  margin:100px;
  height:360;
  min-width:700;
  
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #000000;
  min-width: 100%;
  margin:auto;
}

.dropdown:hover {
  box-shadow: 0 0 20px #ff0000;
  z-index:1;
  }

.dropdown:hover .dropdown-content {
  display: block;
  border: solid #ff0000

}

#desiredesc {
  padding: 15px;
  text-align: left;
  color: #ffff00;
  font-size: 17px;
  z-index: 2;

}
  
  
#frankdesc {
  padding: 15px;
  text-align: left;
  color: #ffff00;
  font-size: 17px;
  z-index: 2;
}
      #frankdesc img{
        float:right;
        margin:10px;
        border: solid #ffff00
        }
  
#carcassdesc {
  padding: 15px;
  text-align: left;
  color: #ffff00;
  font-size: 17px;
  z-index: 2;
}
      #carcassdesc img{
        float:right;
        margin:10px;
        border: solid #ffff00
        }
  
#joeydesc {
  padding: 15px;
  text-align: left;
  color: #ffff00;
  font-size: 17px;
  z-index: 2;
}
      #joeydesc img{
        float:right;
        margin:10px;
        border: solid #ffff00
        }
  
  
/* THIS IS THE ABOUT SECTION W ALL THE ABOUT STUFF ................................................................................................................................................*/
  
  
  .side{
  border: #ff0000 solid;
  float: left;
  height: 860px;
  width: 200px;
  margin-right: 20px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding:5px;
  }
  
  #artist {
    margin:20px;
    border: solid #ff0000;
    }
  
  .things {
     border: solid #ff0000;
     margin: 10px;
     padding: 2px;
  }
  
  .cockroach {
    margin:auto;
    background-size: 80px 80px;
    background-image: url("artparts/cockroach.png");
    background-repeat: repeat-x;
    width:100%;
    height: 80px;
    float:right;
    }

  #fingers {
    margin: 10px;
    width: 650px;
    height: 100px;
    float:none;
  
      }
 #fingers img {
    float: right;
    position: relative;
    left: 220px;
    bottom: 190px;
      }
      
  #socials {
    margin: auto;
    width: 900;
    height: 200px;
    float:right;
  }
  
  #socials a {
  margin:20px;
  float:left;
  bottom:100;
  }