body {
   background-image: url('img/gingham_blue_buffalo_plaid_display (1).jpg');
    background-size: 400px; 
  font-size: 12px;
  text-align:center;
  margin: 0;
  padding: 90px; padding-top:70px;
}

/* Start https://www.cursors-4u.com */ 
* {cursor: url(http://cur.cursors-4u.net/symbols/sym-6/sym597.cur), auto !important;} 
/* End https://www.cursors-4u.com */
.lace {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  overflow:hidden;
  margin-top:30px;
  z-index:-2;
  }
  
.lace img {
  width:33.3%;
  opacity:0.9;
 
  }  
  #la2 img {
     filter: drop-shadow(0.5px 0.5px 0 black)
    
    }
    
 #backtexture2 {
   position:absolute;
   z-index:-1;
   }   
    #backtexture {
   position:absolute;
   z-index:-1;
   left:0;
   }   
     
main{
  text-align:center;
  margin:auto;
  
  width:1080px;
  padding:15px;
  background:white;
   background-image: url('../images/img-darkerpliadbg.jpg');
  border:ridge 4px #FF69B4;
  outline: solid 4px black;
   border-radius:180px 6px 200px 6px;

}


#eichi {
   display:flex;
 width:1070px;
   text-align:left;
  height:160px;
 background:url(../images/aboutimg-istockphoto-1030748518-612x612.jpg);
 border-radius:60px 6px 60px 6px;
  margin:auto;
  margin-bottom:5px;
}

#eibg {
  margin:15px;
  width:1030px;
  height:120px;
  position:absolute;
  border: #FF69B4 ridge 4px ;
  border-radius:6px 6px 60px 6px;
 
  background: url('img/downloahdryhrsdd (21g).png') top right no-repeat, url('../images/abt v2-image.jpg') top left no-repeat;
background-size:  350px, 1130px;


  }

#title {
  font-family: 'angel';  
  letter-spacing: 5px;
font-weight:lighter;
  font-size:70px;
   z-index: 200;
  margin-top:0px;
  margin-left:428px;
  color:black;


 text-shadow: 0 3px #FF69B4, 3px 0 #FF69B4 ;

  filter: drop-shadow(0.5px 0.5px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 0.5px 0 white) drop-shadow(0 0.5px 0 white) drop-shadow(0 0.5px 0.5px white) drop-shadow(0.5px 0.5px 1px white) drop-shadow(0.5px 0.5px 1px black) ;
  background:none;
   border: none;
  }

h1 span {
  text-shadow: -4px 0 #FF69B4, 0 4px #FF69B4, 4px 0 #FF69B4, 0 -4px #FF69B4;
  }
 
 #title i {
   font-family:'angel';
   font-size:0.4em;
   color:white;
margin-left:-5px;
   }
   
   h2 {
  font-family: 'poxel';  
font-weight:lighter;
  font-size:15px;
   z-index: 210;
  color:white;
  background:none;
   border: none;
  }
  
 #subtitle {
   margin-top:0px;
  margin-left:250px;
   }

    #weirdthing{
      margin-right:5px;
position:absolute;
right:0;
top:0;
   }
     
#belt {
  width:360px;
  position:absolute;
  margin-left:-100px;
   margin-top:-80px;
transform:rotate(-15deg);
   filter:drop-shadow(0 0.5px 0 white) drop-shadow(0 0.5px 0 white) drop-shadow(0 0.5px 0.5px white) drop-shadow(0.5px 0.5px 1px white)drop-shadow(-0.5px 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0 black) ;
 
  }

  
#everything {
   display:flex;
}




.part{ 
   background-image: url(../images/img-blueplaid.jpg);
  width:630px;
  margin: 10px;
  

  border:ridge 4px #FF69B4;
  outline: solid 4px black;
  border-radius: 10px;
  
}


.specialp { 
  margin:5px;
  margin-bottom: 7px;
  padding-left: 5px;
  text-shadow: 0 0 3px black;
  color:white;
  
  border-radius: 4px;
  background: linear-gradient(180deg,black 0%, lightgray 45%, black 47%, black 60%, gray 100%);  
  border:solid 2px gray;
filter:drop-shadow(0 0.5px 0 gray) drop-shadow(0 0.5px 0 gray) drop-shadow(0 0.5px 0.5px gray) drop-shadow(0.5px 0.5px 1px gray)drop-shadow(-0.5px 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0 black) ;

}

.specialp img{ 
  
  background:white;
  
  }
/*---------------------navigation on the left------------------------------------------------------------------------------------------------------------------------- */
#side {margin-left:5px;
  padding:0px;
  height:760px;
  padding-top:0px;
   margin-right:5px;
width:200px;
border-radius:6px 6px 6px 60px;
  }
#side2 {margin-left:5px;
  padding:0px;
  height:760px;
  padding-top:0px;
   margin-right:5px;
width:200px;
border-radius:6px 6px 60px 6px;
  }

.sidebox {
  text-align:left;
  border: solid 18px black; 
      border-image: url(../images/img-ezgif-5-2b35a889ab.png) 20 round;
background-image: url(../images/aboutimg-istockphoto-1030748518-612x612.jpg);
 outline: ridge black;
  border-radius:6px;
margin:auto;
margin-top:10px;
margin-bottom:10px; 
width:145px;
padding:0;
  }
  
#nav {
overflow:hidden;
  height:230px;
 
  }  
  
 .link {
 width:90%;
  margin:10px;
margin-top:4px;
margin-left:2px; 


  border-radius: 4px;
  background: linear-gradient(180deg,#FF69B4 0%, white 45%, #FF69B4 47%, #FF69B4 60%, #FFB6C1 100%);  

  padding-left: 5px;
  border:solid 2px #FF69B4;
filter:drop-shadow(0 0.5px 0 #FF69B4) drop-shadow(0 0.5px 0 #FF69B4) drop-shadow(0 0.5px 0.5px #FF69B4) drop-shadow(0.5px 0.5px 1px #FF69B4)drop-shadow(-0.5px 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0 black) ; 
  }
  
.oough {
    filter:drop-shadow(-0.3px 0.4px 0 black) drop-shadow(0 0.5px 0 black);
  
  }
  
a {
 text-shadow: 0 0 3px white;
color:black;
 
  }
 
a:hover{font-weight:bold; color:lightpink;  cursor:help; }

.specialp a {
  text-shadow:none;
  color:white;
   filter:none;
  font-family:pixel;
  } 
  
 #gb {
   
   font-size:12px;
   
   }
  
 u { 
    
     }

/*---------------------end of links------------------------------------------------------------------------------------------------------------------------- */   
   
  #updates  {  
     overflow: scroll;
     padding:0px;
    height:235px;
   border-radius:6px 6px 6px 60px;
  overflow-x:hidden;
    }
  #updates p {padding:2px;
    padding-right:30px;
    width:120px;
    box-shadow: inset 2px 2px 7px 0px rgb(66 66 66 / 56%), inset -17px 0px 3px 1px rgb(66 66 66 / 56%), inset -11px -3px 6px 0px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
        border: solid 8px black; 
      border-image: url(../images/img-pixelborder.png) 8 fill round;
      border-radius:13px;
      background:white;
border-image-outset: -35px;
    }
 
    #statuscafe {
     
    padding: .5em;
    width:140px;
    margin-left:-11px;
 height:70px;
     box-shadow: inset 2px 2px 7px 0px rgb(66 66 66 / 56%), inset -2px 0px 6px 1px rgb(66 66 66 / 56%), inset -11px -3px 6px 0px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
        border: solid 8px black; 
      border-image: url(../images/img-pixelborder.png) 8 fill round;
      border-radius:13px;
      background:white;
border-image-outset: -35px;
}

#statuscafe-username {
 text-shadow: 0 0 3px white;
    border-radius: 4px;
  background: linear-gradient(180deg,#FF69B4 0%, white 45%, #FF69B4 47%, #FF69B4 60%, #FFB6C1 100%);  
  font-size:11px;
 
  padding-left: 5px;
  border:solid 2px #FF69B4;
filter:drop-shadow(0 0.5px 0 #FF69B4) drop-shadow(0 0.5px 0 #FF69B4) drop-shadow(0 0.5px 0.5px #FF69B4) drop-shadow(0.5px 0.5px 1px #FF69B4)drop-shadow(-0.5px 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0 black) ; 
}
#statuscafe-content {
    margin-top:5px;
    font-family: 'pixel';
  height:40px;
  overflow-y:scroll;
}
 textarea {
    width:150px;
    
    }
    
.tabcontent {
  display:none;
  }
button {
  padding:0px;
  margin-right:3px;
  background:none;
  border:none;
  }
  
  #H div {
    display:flex;
    }
    
 
  #chat {
    height:305px;
    width:145px; 
padding:0;
overflow:hidden;
border-radius:6px 6px 60px 6px;
    }

iframe {
  margin-left:-7px; 
  width:175px;
  border-radius: 4px;
  
overflow:hidden;
 
  border:solid 2px gray;
filter:drop-shadow(0 0.5px 0 gray) drop-shadow(0 0.5px 0 gray) drop-shadow(0 0.5px 0.5px gray) drop-shadow(0.5px 0.5px 1px gray)drop-shadow(-0.5px 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0 black) ; 

  }


/*---------------------end of navigation on the left------------------------------------------------------------------------------------------------------------------------- */




h1 {
    font-family: 'angel';
  font-size:35px;
  color:black;
    letter-spacing: 5px;
font-weight:lighter;
 text-shadow: 0 3px #FF69B4, 3px 0 #FF69B4 ;
   width:220px;
  margin:0;
  margin-left:-7px;
  filter: drop-shadow(0.5px 0.5px 0 white) drop-shadow(-1px 1px 0 white) drop-shadow(0 0.5px 0 white) drop-shadow(0 0.5px 0 white) drop-shadow(0 0.5px 0.5px white) drop-shadow(0 0.5px 1px white) drop-shadow(0.5px 0.5px 1px white) drop-shadow(0.5px 0.5px 1px black) 
}

h1 i {font-size:20px;
  color:#FF69B4;
  text-shadow: 1px 1px  black;
  font-weight: lighter;
  margin-left:10px;

}

p{color:black;
  margin-top:6px;
  font-family: 'pixel';
}

p img {
  max-width: 100%;
  }

/*---------------------first div and site info------------------------------------------------------------------------------------------------------------------------- */
    
    #info {     
      background-image: url(../images/aboutimg-istockphoto-1030748518-612x612.jpg);
      text-align:left;
      display:flex;
      justify-content:space-between;
      margin:10px;
      padding: 10px;
      padding-bottom:0;
      border: solid 18px black; 
      border-image: url(../images/img-ezgif-5-2b35a889ab.png) 20 fill round;
        outline: ridge black;
        border-radius:6px;
    }
    #info div {
      width:32%;
            
    }
    
    #info p { 
      padding:2px;
        overflow: auto;
        height:130px;
        width:280px;
        box-shadow: inset 2px 2px 7px 0px rgb(66 66 66 / 56%),  inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
        border: solid 8px black; 
      border-image: url(../images/img-pixelborder.png) 8 fill round;
      border-radius:13px;
      background:white;
border-image-outset: -35px;
margin-top:-3px;
margin-left:-5px;
margin-right:30px;
      }
    
    #info div + div +div {
      text-align:left;
margin-left:15px;

    }
    
    #info a {
       text-shadow:none;
  color:#FF69B4;
   filter:none;
  font-family:pixel;
      }
    
   #prof {
     margin-right:30px;
     }
     
     
/*---------------------second div and webrings ------------------------------------------------------------------------------------------------------------------------- */
  
  #hi {
      display:flex;
      justify-content:space-between;
      margin:10px;
      padding: 10px;
      padding-bottom:0;
      border: solid 18px black; 
      border-image: url(../images/img-ezgif-5-2b35a889ab.png) 20 fill round;   background-image: url(../images/aboutimg-istockphoto-1030748518-612x612.jpg);outline: ridge black;
        border-radius:6px;
    }
    
   #hi div + div + div {
  width:32%;
            
    }
    
    #ort {
      pointer-events:none;
      width:250px;
  filter: drop-shadow(0.5px 0.5px 0 white) drop-shadow(-0.5px 0.5px 0 white)drop-shadow(-0.5px 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0.5px black) drop-shadow(0 0.5px 1px black) drop-shadow(0.5px 0.5px 1px black) drop-shadow(0.5px 0.5px 1px black);
      margin-top:-50px;
      margin-left:-10px;
      }
      
      
  
  #ship {       
    text-align:left;
box-shadow: inset 2px 2px 7px 0px rgb(66 66 66 / 56%),  inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
    margin-right:-5px;
    overflow-x:hidden;
    overflow-y:scroll;
      height:150px;
        width:350px;
         border-radius:13px;
         padding:2px;
 border: solid 8px black; 
      border-image: url(../images/img-pixelborder.png) 8 fill round;
border-image-outset: -35px;
   background:white;
  }
 
 #ship img {
   margin-right:-5px;
   
   
   }
#eep {

    width:22%;
  
  }    
    
    
    
  /*-----------------psp  -------------------------------------------------------------------------*/ 
  #psp {
    width:98%;
    height:160px;
    margin:auto;
     border-radius:60px 6px 160px 6px;
      background:url(../images/aboutimg-istockphoto-1030748518-612x612.jpg);
    }
    
 #pspbg { border-radius:60px 6px 160px 6px;
  margin:15px;
  width:1020px;
  height:120px;
  position:absolute;
  border: #FF69B4 ridge 4px ;
  
 
  background: url('img/downloahdryhrsdd (21g).png') top left no-repeat, url('../images/abt v2-image.jpg') top right no-repeat;
background-size:  350px, 1100px;
 
  } 
  
  #psptitle {
  font-family: 'angel';  
  letter-spacing: 5px;
font-weight:lighter;
 font-size:70px;
   z-index: 200;
  margin-top:0px;
  margin-right:-330px;
  color:black;
  text-shadow: -4px 0 grAY, 0 4px gray, 4px 0 grAY, 0 -4px GRAY;
filter: drop-shadow(0.5px 0.5px 0 white) drop-shadow(-2px 2px 0 white) drop-shadow(0 0.5px 0 white) drop-shadow(0 0.5px 1px white)  drop-shadow(0.5px 0.5px 1px black);

position:absolute;
left:0;
width:800px;
 
  }
  
  #psptitle span {
    color: #FF69B4;
  }
  
#psp h2{
   margin-top:80px;
  color:white;
position:absolute;
left:0;
text-align:left;
margin-left:340px;
width:430px;
  }  
    #weirdthing2{
        margin-top:-80px;
      transform: scaleX(-1);
   margin-left:-340px;   
position:absolute;
left:0;
top:0;
   }  
  #getyourfuckingshittogether {
      width:600px;
     transform:  skew(-2deg, -3deg);
     position:relative;
    z-index:400;
    margin-top:-35px;
     margin-left:500px;
    }
    
    
    
    
  #psfuckenp {  

    width:600px;
   margin-top:-20px;
    margin-left:-20px;
    filter: drop-shadow(0.5px 0.5px 0 black)  drop-shadow(0 0.5px 0 black)  drop-shadow(0 0.5px 0.5px black)  drop-shadow(0.5px 0.5px 1px black) drop-shadow(-0.5px 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0 black) ; 
  }
  
  .pspbutton {
     width:90px;
      height:20px;
      background:none;
      border:none;
      position:absolute;
   left:0;
      margin-top:-20px;
      top:0;
      }
      
    .pspbutton img {
      width:42px;
          filter: drop-shadow(0.5px 0.5px 0 #FF69B4)  drop-shadow(0 0.5px 0 #FF69B4)  drop-shadow(0 0.5px 0.5px #FF69B4)  drop-shadow(0.5px 0.5px 1px #FF69B4) drop-shadow(-0.5px 0.5px 0 #FF69B4)  ; 

      }
   #bleft {z-index:500;
     margin-top:65px;
     margin-left:34px;
     }   
     
   #bright {
     margin-top:65px;
     margin-left:80px;
     }
     
  .pspbutton:active {
    filter: brightness(80%);
    }    
      
      
  .mySlides {
  display: none;
}    
      
  #pspstuff {     
    transform:  skew(0deg,1deg);
    position:relative;
    z-index:30000;
    background:white;
    width:310px;
    height:170px;
    border:ridge blACK 2PX;
    margin-top:-582px;
    margin-left:159px;
    overflow:hidden;
    }
  
  #pspstuff img {
   
    width:100%;
     height:170px;
    }
    
   #pspstuff iframe {
       height:170px;
      width:315px;
      filter:sepia(95%) hue-rotate(180deg) grayscale(0%);
     }  
     
    #pspstuff:hover iframe {
      
      filter:none;
      
      }

      
   #pspstuff video  {
       height:235px;
      width:170px;
      background:black;
      filter:sepia(95%) hue-rotate(180deg) grayscale(0%);
     }  
     
    #pspstuff:hover video {
      
      filter:none;
      
      }
      
      #zapp {
        position:absolute;
        width:100px;
        right:0;
        }
 /*----------------------- absolute images -------------------------------------------------------------------------*/ 
 
    #prof img{
      width:340px;
       position: absolute;
       margin-left:-120px;
       margin-top:-60px;
        z-index: 10;
       filter: drop-shadow(-0.5px 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0.5px black) drop-shadow(0 0.5px 1px black) ;

       }
       
       
       
       #ren img{
        width:155px;
       position: absolute;
       margin-left:77px;
       margin-top:-40px;
        z-index: 10;
      filter: drop-shadow(0.5px 0.5px 0 white) drop-shadow(-0.5px 0.5px 0 white) drop-shadow(0 0.5px 0 white) drop-shadow(0 0.5px 0 white) drop-shadow(0 0.5px 0.5px white) drop-shadow(0 0.5px 1px white) drop-shadow(0.5px 0.5px 1px white) drop-shadow(0.5px 0.5px 1px black);


       }
       
       #ren img + img{
          margin-left:110px;
         margin-top:115px; 
         width:170px;
              transform: rotate(10deg);
              pointer-events:none
         }
       
         #ren img + img + img{
          margin-left:10px;
         margin-top:100px; 
         width:138px;
            filter:none;
              transform:none;
         }
           
          
          #crossl { pointer-events:none;

            transform: rotate(-10deg);
      width:250px;
       position: absolute;
       margin-left:-170px;
       margin-top:-120px;
        z-index: 10;
     filter:drop-shadow(0.5px 0.5px 0 black) drop-shadow(-0.5px 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0.5px black) drop-shadow(0 0.5px 1px black) drop-shadow(0.5px 0.5px 1px white) drop-shadow(0.5px 0.5px 1px white) ;
   
}
   #eep img + img {
           width:120px;
           filter:none;
              position: absolute;
              margin-left:20px;
              margin-top:90px;
   }
   
   
       #idia {bottom: -20px;
       animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
        
         width:500px;
         position: fixed;
         margin-top:160px;
         margin-left:-1610px;
         filter: drop-shadow(0.5px 0.5px 0 white) drop-shadow(-0.5px 0.5px 0 white)drop-shadow(-0.5px 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0.5px black) drop-shadow(0 0.5px 1px black) drop-shadow(0.5px 0.5px 1px black) drop-shadow(0.5px 0.5px 1px black);
              }
         
           #bigren {  
             z-index:-100;
         width:1px;
         position: absolute;
         margin-left:1020px;
         margin-top:-600px;
                 filter: drop-shadow(0.5px 0.5px 0 white) drop-shadow(-0.5px 0.5px 0 white) drop-shadow(0 0.5px 0 white) drop-shadow(0 0.5px 0 white) drop-shadow(0 0.5px 0.5px white) drop-shadow(0 0.5px 1px white) drop-shadow(0.5px 0.5px 1px white) drop-shadow(0.5px 0.5px 1px black);

         }
 
     

          
/*---------------------fanlistigs ------------------------------------------------------------------------------------------------------------------------- */
  #selfinsertwebring a {
  filter:none;
  font-family:Verdana;
  text-shadow: 1px 1px 2px white, 0 0 5px white, 0 0 5px white, 1px 1px 2px white, 0 0 5px white, 0 0 5px white;
  } 
   
       
    #fanlist {
     overflow-y:auto;
      height:130PX;
 
      }      
     #actualfanlistshit    {
       width:160px;
       } 
       
     #fanlist a{
      margin-left:-1px;
     margin-right:-1px;
       }     
 .afilter {
   
   filter:sepia(90%) hue-rotate(170deg) grayscale(0%);
   }
   
    .afilter:hover  {
              filter:none;
            }  
            
            
            
      #transmasc_ring {
      
        padding: 5px; /* creates some space around the widget */
      
        width: 40px;
      }
      
      #transmasc_ring table {
        margin: 0 auto; /* centers the widget */
      }
      
      #transmasc_ring table tr td {
        padding: 5px; /* creates some space between the links and text inside the widget */
      }
      
      #transmasc_ring .webring-prev {
        text-align:right;
      }
      
      #transmasc_ring a {
         text-align:center;
         font-family: adabelle;
         font-size: 20px;
      
             color: black;
             text-shadow: none;
      }
      
      #transmasc_ring .webring-next {
        text-align:left;
      }
      #leftarrow{
      height: 20px; filter: drop-shadow(2px 1px 4px black);
       
      /* content: url() */
      }
      #rightarrow{
      height: 20px;filter: drop-shadow(2px 1px 4px black);
      
      /* content: url() */
      }
      #middleflag{
      height: 50px;
      /* content: url() */
      filter: drop-shadow(2px 1px 4px #acacac);
      }  
          
/*------------------- marquee ------------------------------------------------------------------------------*/
          
        #stamp {color:white;
                padding: 0px;
        border: solid 18px black; 
              border-image: url(../images/img-ezgif-5-2b35a889ab.png) 20 round;
                  font-size:10px;
          background:url('../images/abt v2-image.jpg');
          font-family:'poxel';
          }
          #stamp h2 {
            margin:5px;
            margin-left:50px;
            }
            
              #stamp a {
         color:white;text-shadow:none; filter: grayscale(100%);
            }
            
        
               
        #button {
           
          border: solid 18px black; 
              border-image: url(../images/img-ezgif-5-2b35a889ab.png) 20 round;    
          background:black;
          width:90%;
          border-radius:6px;
        margin-top:5px;
          }
          
  
            #button img {
              filter: grayscale(100%);
               height:31px;
              }
            
           #button:hover img {
              filter:none;
            }  


/*------------------ scroll stuff --------------------------------------------------------------------*/



::-webkit-scrollbar {
width: 16px;
height: 16px;
}

::-webkit-scrollbar-track {
background: linear-gradient(90deg,gray 0%, lightgray 45%, gray 47%, black 100%); 
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:invert(10%);
border:outset 2px lightgray;
  border-radius: 2px;
}


::-webkit-scrollbar-thumb {
border:outset 2px gray;
  border-radius: 3px;
box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #868a8e;
width: 16px;
height: 16px;
background: linear-gradient(90deg,gray 0%, white 45%, gray 47%, gray 60%, lightgray 100%); 
z-index: 1;
}

::-webkit-scrollbar-corner {
background-color: lightgray;
}

::-webkit-resizer {
width: 16px;
height: 16px;
background: linear-gradient(180deg,gray 0%, white 45%, gray 47%, gray 60%, lightgray 100%);


image-rendering: pixelated;
}

::-webkit-scrollbar-button, ::-webkit-scrollbar-button {
border:outset 2px gray;
  border-radius: 3px;
box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 gray;
display: block;
width: 16px;
height: 16px;
background: lightgray;
image-rendering: pixelated;

}

::-webkit-scrollbar-button:horizontal:decrement, ::-webkit-scrollbar-button:horizontal:decrement {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHklEQVQY02NgoBT8xyX8H5fwf1zCpOjAYwceV1EEAAO2D/HsQ4vsAAAAAElFTkSuQmCC");
}

::-webkit-scrollbar-button:horizontal:increment, ::-webkit-scrollbar-button:horizontal:increment {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHUlEQVQY02NgIB/8xy3xH7fEf9wS/0nUQZqrKAYAK44P8ZRmzLQAAAAASUVORK5CYII=");
}

::-webkit-scrollbar-button:vertical:decrement, i::-webkit-scrollbar-button:vertical:decrement {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGklEQVR4AWMYxuA/SYphmETFhDX9x4mHGQAAcL4P8dQiMq8AAAAASUVORK5CYII=");
}

::-webkit-scrollbar-button:vertical:increment, ::-webkit-scrollbar-button:vertical:increment {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAF0lEQVQY02NgoBf4jwJxSOHQhcNAOgMAWWAP8Rv2U3UAAAAASUVORK5CYII=");
}

::-webkit-scrollbar-button:horizontal:increment:start, ::-webkit-scrollbar-button:horizontal:increment:start {
display: none;
}

::-webkit-scrollbar-button:horizontal:decrement:end, ::-webkit-scrollbar-button:horizontal:decrement:end {
display: none;
}

::-webkit-scrollbar-button:vertical:increment:start, ::-webkit-scrollbar-button:vertical:increment:start {
display: none;
}

::-webkit-scrollbar-button:vertical:decrement:end, ::-webkit-scrollbar-button:vertical:decrement:end {
display: none;
}


::-webkit-scrollbar-button:active, ::-webkit-scrollbar-button:active {
border-top: 1px solid #868a8e;
border-left: 1px solid #868a8e;
border-bottom: 1px solid #868a8e;
border-right: 1px solid #868a8e;
box-shadow: none;
}




  
#fanlist::-webkit-scrollbar {
  display: none;
}

  
  

/* --------music stuff --------------------------------------------------------------------------------*/



 #musicplayer{  z-index:5000;        
   font-family: 'poxel';
   font-weight:bold;
   height:30px;
  width:100%;
  left:0;
  position:fixed;
  
  margin-top:-70px;
   margin-bottom:20px;
   
  display:flex;
    background: linear-gradient(180deg,black 0%, lightgray 45%, black 47%, black 60%, gray 100%);  
   
 border:ridge 2px black;
  outline: solid 2px black;  /* border around player */
      box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
 /* width of the player */
    }
 
    .songtitle{ display:block;
      padding:2px; /* padding around song title */
      font-family: 'poxel';
margin-top:4px;
    font-size:15px;
    color:black;
    letter-spacing: 1px; 
font-weight:lighter;
  background-image: url(../images/aboutimg-istockphoto-1030748518-612x612.jpg);
    border: gray inset 1px;
       border-radius:6px;
       box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);
    }
 
    .controls{
        font-size:10px !important; /* size of controls */
   
        text-align:center;
        width:100px;
          height:20px;
      text-decortation:none;
    filter: drop-shadow(2px 0 0 white) drop-shadow(0 2px 0 white) drop-shadow(-2px 0 0 white) drop-shadow(0 -2px 0 white)  drop-shadow(-0.5px 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0.5px black) ;
    }
 
    .controls td{
       padding-top:5px; /* padding around controls */
    }
 
    .seeking{
      width:75%;
      background: transparent;
         /* background color of seeking bar */
        display:flex;
        justify-content: space-evenly;
        padding:7px; /* padding around seeking bar */
        
    }
 
    .current-time{ margin-right: 5px; 
     
  filter: drop-shadow(2px 0 0 white) drop-shadow(0 2px 0 white) drop-shadow(-2px 0 0 white) drop-shadow(0 -2px 0 white)  drop-shadow(-0.5px 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0.5px black) ;
        padding-right:5px;
    }
 
    .total-duration{
        padding-left:5px;
        
 filter: drop-shadow(2px 0 0 white) drop-shadow(0 2px 0 white) drop-shadow(-2px 0 0 white) drop-shadow(0 -2px 0 white)  drop-shadow(-0.5px 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0.5px black) ;
    }
 
    i.fas:hover{
        cursor:help;
    }
 
    i.fas.fa-pause, i.fas.fa-play, i.fas.fa-forward, i.fas.fa-backward{
        color:black; /* color of controls */
      font-style: normal;  
       
    }
    
    input[type=range] {
        -webkit-appearance: none;
        width: 100%;
   background: transparent;
    }
    
    input[type=range]:focus {
        outline: none;
    }
    
    /* settings for chrome browsers */
    input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 6px; /* thickness of seeking track */
        cursor: help;
        border-radius: 6px;
         background-image: url(../images/aboutimg-istockphoto-1030748518-612x612.jpg);
 /* color of seeking track */
        filter:drop-shadow(-0.5px 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0 black) drop-shadow(0 0.5px 0.5px black) drop-shadow(0 0.5px black) drop-shadow(0.5px 0.5px 0 black) drop-shadow(0.5px 0.5px 0 black);
    }
    
.seek_slider {
   filter:invert(100%);

  }


    input[type=range]::-webkit-slider-thumb {
        height: 22px; /* height of seeking square */
        width: 25px; /* width of seeking square */
        border-radius: 0px; /* change to 5px if you want a circle seeker */
        background-image: url(../images/img-IMG_4468.gif); 
        background-size: 25px;
        cursor: help;
        -webkit-appearance: none;
        margin-top: -10px;
       

    }
    
input[type=range].seek_slider::-webkit-slider-thumb {filter:invert(100%);}

 input[type=range].volume_slider::-webkit-slider-thumb {
    background-image: url(../images/Zztv0a9yEhr5pmEq-798d7d72_original.png);/* image of volume seeking square */
    background-size: 20px;
    height: 20px; /* height of volume seeking square */
    width: 20px; 
    margin-top: -8px;
   }
 
 
 
.slider_container {  
  width: 15%;       

  max-width: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}    




    /* settings for firefox browsers */
    input[type=range]::-moz-range-track {
        width: 100%;
        height: 6px; /* thickness of seeking track */
        cursor: help;
        background: black; /* color of seeking track */
    }
    
    input[type=range]::-moz-range-thumb {
        height: 10px; /* height of seeking square */
        width: 10px; /* width of seeking square */
        border-radius: 0px; /* change to 5px if you want a circle seeker */
        background: black; /* color of seeker square */
        cursor: help;
        border:none;
    }

  
  
  
  
        #statuscafe-content::-webkit-scrollbar {
        width: 0;
        /* remove scrollbar space */
        background: transparent;
        /* to make scrollbar invisible */
        }

        #statuscafe-content::-webkit-scrollbar-thumb {
        background: transparent;
        }