*{

box-sizing:border-box;

}

body{

margin:0;

font-family:Arial,sans-serif;

background:white;

}

#game{

display:flex;

justify-content:center;

align-items:flex-start;

gap:60px;

padding:40px;

}

/* CHARACTER */

#doll{

position:relative;

width:350px;

height:390px;

flex-shrink:0;

}

#doll img{

position:absolute;

left:0;

top:0;

width:350px;

height:390px;

object-fit:contain;

}

#body{

z-index:1;

}

#skirt{

z-index:2;

}

#under{

z-index:3;

}

#top{

z-index:4;

}

/* MENU */

#panel{

width:300px;

}

#categoryBar{

border:3px solid black;

display:flex;

justify-content:space-between;

align-items:center;

padding:15px;

font-size:28px;

margin-bottom:20px;

}

#category{

cursor:pointer;

user-select:none;

}

button{

font-size:24px;

padding:5px 12px;

cursor:pointer;

}

#clothesArea{

border:3px solid black;

height:420px;

display:flex;

justify-content:center;

align-items:center;

font-size:22px;

}