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

::selection{
background-color: rgb(255, 255, 255, 0);
color: rgb(255, 255, 255, 0);
}

body{
cursor: url("deco/cur.png"), default;
background-color: #fff;
overflow-x: hidden;
overflow-y: hidden;
color: #000;
z-index: 1;
padding: 0;
margin: 0;


}

.draggable{
cursor: url("deco/cur.png"), default !important;
  
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-webkit-user-drag: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}

#bg{
pointer-events: none;

-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-webkit-user-drag: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;


}

#everything{
margin: 0 auto;
overflow-x:hidden;
overflow-y:hidden;


height: 100vh;
display: flex;
justify-content: center;
align-items: center;

-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-webkit-user-drag: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}

#doll{
position: absolute;
margin-top: -90px;
margin-left: -1320px;
z-index: 3;
pointer-events: none;
}

#clickme{
  
}

#clickme:hover{
  transform: rotate(-10deg);
  cursor: url("deco/curclick.png"), default !important;
}


.underwear{
position: absolute;
z-index: 3;
}

.leggings{
position: absolute;
z-index: 4;
}

.shoesunder{
position: absolute;
z-index: 5;
}

.bottomsunder{
position: absolute;
z-index: 6;
}

.bottomsover{
position: absolute;
z-index: 7;
}

.topsunder{
position: absolute;
z-index: 8;
}

.topsover{
position: absolute;
z-index: 9;
}

.shoesover{
position: absolute;
z-index: 10;
}

.accessoriesunder{
position: absolute;
z-index: 11;
}

.accessoriesover{
position: absolute;
z-index: 12;
}

.coat{
position: absolute;
z-index: 13;
}

.accessoriesovercoat{
position: absolute;
z-index: 14;
}



.underwear:hover{
position: absolute;
z-index: 100;
}

.leggings:hover{
position: absolute;
z-index: 100;
}

.shoesunder:hover{
position: absolute;
z-index: 100;
}

.bottomsunder:hover{
position: absolute;
z-index: 100;
}

.bottomsover:hover{
position: absolute;
z-index: 100;
}

.topsunder:hover{
position: absolute;
z-index: 100;
}

.topsover:hover{
position: absolute;
z-index: 100;
}

.shoesover:hover{
position: absolute;
z-index: 100;
}

.accessoriesunder:hover{
position: absolute;
z-index: 100;
}

.accessoriesover:hover{
position: absolute;
z-index: 100;
}

.coat:hover{
position: absolute;
z-index: 100;
}

.accessoriesovercoat:hover{
position: absolute;
z-index: 100;
}


.switchable{
cursor: url("deco/curclick.png"), default !important;
}

#buttonholder{
  position: absolute;
  width: 455px;
  height: 110px;
  
  margin-left: -1307px;
  margin-top: 902px;
  
  display: flex;
  justify-content: space-around;
  align-items: center
}

#warningholder{
position: absolute; 
z-index: 100;
width: 100vw;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
margin-top: 0px;
background-color: rgb(123, 126, 119, 0.9);
margin: 0 auto;
}

#warning{
width: 600px;
height: 200px;
padding: 10px;
border: 1px solid #7e7b77;
border-radius: 15px;

background-color:#cac7c2;
overflow-x:hidden;
overflow-y:hidden;
box-shadow:0px 0px 5px #7e7b77;

background-image: url('deco/warningdeco.png');
background-position: bottom -20px left 330px;
background-repeat: no-repeat;

display: flex;
justify-content: space-around;
align-items: center;
}
  
#warningtextholder{
width: 540px;
height: 140px;
padding: 20px;
border: 1px solid #7e7b77;
border-radius: 15px;

background-color:#fff;
overflow-x:hidden;
overflow-y:hidden;
box-shadow:0px 0px 5px #7e7b77;

display: flex;
justify-content: space-between;

background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/images/120238817_YszhfwYZm5W8M7J.png');

background-position: bottom -130px left 310px;
background-repeat: no-repeat;
}

p{
  font-family: elegance;
  font-size: 9px;
  color: #000;
  margin-top: 0px;
  
  width: 310px;
}

.play{
  font-family: arial;
  font-size: 30px;
  color: #000;
  margin: 0 auto;
}

.musicplayer {
    background-color: #;
    width: 300px;
    height: 30px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    margin-top: -980px;
    margin-left: -1300px;
    color: #000; 
    
  display: flex;
  justify-content: space-evenly;
  align-items: center
}
  
 
.songtitle {
    padding: 3px;
    margin: 0 auto;
    height: 15px;
    width: 220px;
    font-family: elegance;
    font-size:9px;
    
    background-color: #fff;
    box-shadow: 0px 0px 3px #7e7b77;
    border-radius: 10px;
}
 
.controls{
    font-size:9px;
    color: #000;
    text-align: center;
    width: 10px;
    height: 10px;
}
 
		h3{
  font-family: arial;
  font-size: 25px;
  font-weight: 300;
  margin: 0 auto;
}

		.back{
position: absolute;
margin-top: -530px;
margin-left: -1910px;

color: rgb(123, 126, 119, 0.9);

}