html {
    cursor: url('https://alienimpulses.neocities.org/adoption_assets/star%20cake.png'), auto;
}

body {
  background-color: #c7fff3;
  background-image: url('https://64.media.tumblr.com/721626b4f1b43d8de0e3f3baf6986ef6/tumblr_inline_n25akoJ4av1qhwjx8.png');
  background-size: 30%;
  background-position: top center;
    font-size: 21px;
    margin-top: 25px;
    text-align: center;
}

.chewy-regular {
  font-family: "Chewy", system-ui;
  font-weight: 400;
  font-style: normal;
}


.dollshelftitle {
  width: 380px;
  height: 70px;
  background-color: #ffc7cd;
  position: absolute;
  left: 300px;
  top: 40px;
  border-width: 12px;
   border-style: solid;
 border-image: url("https://files.catbox.moe/o4q22b.png") 11 fill round;
  border-radius: 15px;
      padding: 5px;
}

#dollshelf {
    font-family: "Chewy", system-ui;
    font-size: 60px;
  margin-top: -5px;
  filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px 1px 0 black) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 black);
	color: white;
}





.shelfleft {
  width: 380px;
  height: 500px;
  background-color: #ffc7cd;
  position: absolute;
  left: 300px;
  top: 160px;
  border-width: 12px;
   border-style: solid;
 border-image: url("https://files.catbox.moe/o4q22b.png") 11 fill round;
  border-radius: 15px;
  overflow: scroll;
      overflow-x: hidden;
      padding: 5px;
}

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

    ::-webkit-scrollbar:horizontal {
      height: 17px;
    }

    ::-webkit-scrollbar-corner {
      background: #eee;
    }

    ::-webkit-scrollbar-track:vertical {
      background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
    }

    ::-webkit-scrollbar-track:horizontal {
      background: linear-gradient(180deg, #e5e5e5, #f0f0f0 20%);
    }

    ::-webkit-scrollbar-thumb {
      border: 1.5px solid #888;
      border-radius: 3px;
      box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
      background-color: #eee;
    }

    ::-webkit-scrollbar-thumb:vertical {
      background: url("https://i.imgur.com/bfyvjnx.png") no-repeat 50%, linear-gradient(90deg, #eee 45%, #ddd 0, #bbb);
    }

    ::-webkit-scrollbar-thumb:horizontal {
      background: url("https://i.imgur.com/tqe4SxM.png") no-repeat 50%, linear-gradient(180deg, #eee 45%, #ddd 0, #bbb);
    }

    ::-webkit-scrollbar-button:horizontal:end:increment,
    ::-webkit-scrollbar-button:horizontal:start:decrement,
    ::-webkit-scrollbar-button:vertical:end:increment,
    ::-webkit-scrollbar-button:vertical:start:decrement {
      display: block;
    }

    ::-webkit-scrollbar-button:vertical {
      height: 17px;
    }

    ::-webkit-scrollbar-button:vertical:start:decrement {
      background: white;
      background-image: url("https://i.imgur.com/EFnEMEb.png");
      background-repeat: no-repeat;
      background-position: center;
      -moz-background-size: cover;
      -webkit-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

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

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

    ::-webkit-scrollbar-button:vertical:end:increment {
      background: white;
      background-image: url("https://i.imgur.com/xuIt6Lc.png");
      background-repeat: no-repeat;
      background-position: center;
      -moz-background-size: cover;
      -webkit-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

.shelf1 {
   width: 380px;
  height: 1px;
  background-color: white;
  position: absolute;
  top: 90px;
  left: -8px;
  border-width: 13px;
   border-style: solid;
 border-image: url("https://files.catbox.moe/o4q22b.png") 11 fill round;
  border-radius: 25px;
}

.shelf2 {
   width: 380px;
  height: 1px;
  background-color: white;
  position: absolute;
  top: 220px;
  left: -8px;
  border-width: 13px;
   border-style: solid;
 border-image: url("https://files.catbox.moe/o4q22b.png") 11 fill round;
  border-radius: 25px;
}

.shelf3 {
   width: 380px;
  height: 1px;
  background-color: white;
  position: absolute;
  top: 380px;
  left: -8px;
  border-width: 13px;
   border-style: solid;
 border-image: url("https://files.catbox.moe/o4q22b.png") 11 fill round;
  border-radius: 25px;
}

.shelf4 {
   width: 380px;
  height: 1px;
  background-color: white;
  position: absolute;
  top: 520px;
  left: -8px;
  border-width: 13px;
   border-style: solid;
 border-image: url("https://files.catbox.moe/o4q22b.png") 11 fill round;
  border-radius: 25px;
 
}

#devilishgirl {
  position: absolute;
   left: 10px;
  top: 5px;
  height: 90px;
  width: 40px;
}


#scowl {
  position: absolute;
  left: 90px;
  top: 280px;
 
  
}

#noelle {
    position: absolute;
  left: 10px;
  top: 4px;
}

#bettyboop {
  position: absolute;
   left: 50px;
  top: 0px;
  height: 90px;
  width: 40px;
}

#sprout {
  position: absolute;
   left: 90px;
  top: 0px;
  height: 90px;
  width: 50px;
}

#carebear {
  position: absolute;
   left: 130px;
  top: 0px;
  height: 90px;
  width: 70px;
}

#puppycat {
  position: absolute;
   left: 183px;
  top: 0px;
  height: 90px;
  width: 90px;
}

#raver1 {
  position: absolute;
   left: 253px;
  top: 9px;
  height: 80px;
  width: 50px;
}

#raver2 {
  position: absolute;
   left: 293px;
  top: 9px;
  height: 80px;
  width: 50px;
}
#raver3 {
  position: absolute;
   left: 323px;
  top: 9px;
  height: 80px;
  width: 50px;
}

#levelup {
   position: absolute;
   left: 13px;
  top: 129px;
  height: 90px;
  width: 100px;
  
}