.container {
  width:100%;
  height:100%
}
.popupbuttonx {
  left: 5%;
  width: 50px;
  height: 50px;
  border: 1px solid rgb(0,0,0,.0);
}

.popupbuttonx:hover {
  background-color: rgb(255,255,255,.3);
  border: 1px dotted white;
}

.musicplayerwhole {
  position:absolute; margin-top:-33.5%; margin-left:85%; background-color: #827396; width: 185px;height: 117px; border: 1px outset #291C33
}


@font-face {
  font-family: 'nintendo';
  src: url('https://sleepiestarz.online/Nintendo-DS-BIOS.ttf');
}

button {
  cursor: url('https://sleepiestarz.online/Normal%20Select.cur'), auto;
}

html {
  cursor: url('https://sleepiestarz.online/Normal%20Select.cur'), auto;
  cursor: url('https://sleepiestarz.online/Normal%20Select.cur'), help;
}
help {
  cursor: url('https://sleepiestarz.online/Normal%20Select.cur'), auto;
}

body {
background: url('https://rivendell.neocities.org/backgrounds/stars3.gif');
font: 'nintendo', sans-serif;
color:#16121a;

}
a {
  color:#473A59;
  cursor: url('https://sleepiestarz.online/Normal%20Select.cur'), auto;
}

a:hover { color: white;
text-shadow: 0 0 7px #F8EBC3; }

.nav {
  top:10%;
  position:absolute;
  bottom:5%;
  left:20%;
  width:14%;
  text-align:center;
  border:2px solid #271b33;
  font: 'nintendo', sans-serif;
  background-color: #5F4E72
}


.main {
  top:10%;
  text-align:center;
  position:absolute;
  bottom:10%;
  left:28%;
  width:45%;
  border:2px solid #271b33;
  font: 'nintendo', sans-serif;
  background-color: #5F4E72;
  overflow: auto;
}

.header {
  height:13px;
  z-index:11;
  top:8.5%;
  text-align:left;
  position:absolute;
  bottom:92%;
  left:28%;
  width:45%;
  color:white;
  border:2px outset #271b33;
  font: 'nintendo', sans-serif;
  background-color: #5F4E72
}

.footer {
  text-align:center;
  position: fixed; 
    bottom: 0; 
    left: 0;
    width:100%;
    z-index: 10;
  border:2px solid #271b33;
  border-bottom: 0px;
  border-left:0px;
  border-right:0px;
  border-color: #7250ad ;
  background-color: #5F4E72
}
.figure {
    position: relative;
    width: 50px; /* can be omitted for a regular non-lazy image */
  }
  .figure img.directory.image-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
    opacity: 0;
    transition: opacity .2s;
  }
  .figure:hover img.directory.image-hover {
    opacity: 1;
  }

#elem {
  position:absolute;
  background-color: #827396;
  border: 1px outset #291C33
  border-color: #795e8c;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

.elemTitle {
  background-color:#5F4E72;
  margin:2px;
  border: 2px solid;
  border: 1px outset #291C33
  padding-bottom:2px;
  position: sticky;
  top: 0;
}

.headerbazoingas {
  margin:2px;
  border: 1px outset #291C33;
  position: sticky;
  top: 0;
  background-color:#473A59;
}

.innerinfo {
    border: 2px inset #30223d; background-color:#BDB2CC
}

table, th, td {
  border:1px solid black;
  cursor: url('https://sleepiestarz.online/Normal%20Select.cur'), auto;
}

.innerdiv {
  height:100%;
  margin: 2px;
  overflow:auto;
  background-color: #827396;
   border: 1px outset #291C33
}

 #musicplayer{
        background:#BDB2CC; /* background color of player */
        border: 1px outset #291C33; /* border around player */
        width:180px; /* width of the player */
        height: 90px;
        
        position:absolute;
    }
 
    .songtitle{
        padding:5px; /* padding around song title */
        border-bottom:border: 1px outset #291C33; /* border under song title */
        display:block;
        
    }
 
    .controls{
        font-size:18px !important; /* size of controls */
        background-color:#BDB2CC; /* background color of controls */
        text-align:center;
        width:100%;
    }
 
    .controls td{
        padding:8px 5px 0px 5px; /* padding around controls */
        
    }
 
    .seeking{
        background-color:#BDB2CC; /* background color of seeking bar */
        display:flex;
        justify-content: space-evenly;
        padding:5px; /* padding around seeking bar */
    }
 
    .current-time{
        padding-right:5px;
    }
 
    .total-duration{
        padding-left:5px;
    }
 
    i.fas:hover{
        cursor: url('https://sleepiestarz.online/Normal%20Select.cur'), auto;
    }
 
    i.fas.fa-pause, i.fas.fa-play, i.fas.fa-forward, i.fas.fa-backward{
        color:#16121a; /* color of controls */
    }
    
    input[type=range] {
        -webkit-appearance: none;
        width: 100%;
        background-color:#BDB2CC; /* background color of seeking bar - make the color same as .seeking background color */
    }
    
    input[type=range]:focus {
        outline: none;
    }
    
    /* settings for chrome browsers */
    input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 2px; /* thickness of seeking track */
        cursor: url('https://sleepiestarz.online/Normal%20Select.cur'), auto;
        background: #16121a; /* color of seeking track */
    }
    
    input[type=range]::-webkit-slider-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: #16121a; /* color of seeker square */
        cursor: url('https://sleepiestarz.online/Normal%20Select.cur'), auto;
        -webkit-appearance: none;
        margin-top: -4.5px; 
    }
    
    /* settings for firefox browsers */
    input[type=range]::-moz-range-track {
        width: 100%;
        height: 2px; /* thickness of seeking track */
        cursor: url('https://sleepiestarz.online/Normal%20Select.cur'), auto;
        background: #16121a; /* 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: #16121a; /* color of seeker square */
        cursor: url('https://sleepiestarz.online/Normal%20Select.cur'), auto;
        border:none;
    }
    
    .navbutton {
      display:flex;
      justify-content:center;
  margin-bottom:20px;
 margin-left: 10px;
  color:#16121a;
  transition-duration: .2s;
      z-index:2;
      width:240px;
      height:50px;
      background-color: rgb(47, 38, 64,.5);
      border: 1px;
      border-color: #2bff00;

}
.navbutton:hover {
  transform: translate(10px, 0px);
  }
  
  .musiclabel {
    background-color:rgb(125, 109, 158,.5);
    position:absolute;
    top:5%;
    right:7%;
    transform: rotate(-5deg);
    
  }
    ::-webkit-scrollbar-button {
  background-image:url('https://win98icons.alexmeub.com/icons/png/utopia_smiley.png');
  background-size:12px;
  background-repeat:no-repeat;
    }
  
    ::-webkit-scrollbar {
  width: 10px;
  color:#16121a;
}

.tagz {
  background-color:#201726 ;
  border-radius:10px;
  color: #f7b140;
  margin-right:5px;
}

/* Track */
::-webkit-scrollbar-track {
  border: 1px inset #1c1524;
  background-color:#2D1841;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  border: 1px outset #745f87;
  background-color:#39274F;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:active {
  border: 1px inset #745f87;
}

.stamps {
  height:50px;
}

.kitty {
  
list-style: url('https://64.media.tumblr.com/tumblr_lspoh1UP3n1qfel73.gif');
text-align:left;
}


.chatbox {
  position:absolute; margin-top:-19.5%; margin-left:84.5%; background-color: #827396; width: 200px;height: 320px; border: 1px outset #291C33; padding:5px;
}

.sleepiebutton {
  position:absolute; margin-top:2.5%; margin-left:84.5%; background-color: #827396; width: 200px;height: 120px; border: 1px outset #291C33; padding:5px;
}

.sleepiebuttoninner {
  margin:5px;border: 2px inset #30223d; background-color:#BDB2CC; padding:5px;
}

.disembodiedthoughtsinner {
  margin:5px; border: 2px inset #30223d; background-color:#BDB2CC;padding:5px;
}


button {
  background-color: #94B291;
  color: #2c382c;
  border: 1px outset #291C33;
}

button:active {
   border: 1px inset #291C33
}



::-moz-selection { /* Code for Firefox */
  color: #5F4E72;
  background: #b4bdb3;
}

::selection {
  color: #5F4E72;
  background: #b4bdb3;
}

    /*END OF MUSIC PLAYER--
    
    darkest colour: #5F4E72
    medium colour: #827396
    lightest: #BDB2CC
    accent: #94B291
    
    star gif background: https://rivendell.neocities.org/backgrounds/stars3.gif
    baby's breath background: https://64.media.tumblr.com/0549fb98c0fda6b93f0bb83dc5ec6163/tumblr_nq6m2sxVfr1r4u4hbo1_1280.jpg
    pastel purple wallpaper bg: https://wupimages.blob.core.windows.net/product/sofia-the-first-spot-fieb-l.jpg
    
    */