* {
    box-sizing: border-box;
    image-rendering: pixelated;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #FBC531 black;
    font-family: arial;
    transition: 0.2s;
    margin: 0;
    padding: 0;
}

html {
    background:#14151C;
}

p {
    margin:8px 0;
}

li {
    margin:4px 12px
}

h3 {
    font-size:20px;
    line-height:16px;
}

.container {
  display: grid; 
  grid-template-columns: 312px 200px 400px; 
  grid-template-rows: 670px; 
  gap: 0px; 
  grid-template-areas: 
    "doll buttons headcanons"; 
}

#buttons {
    grid-area:"buttons";
    background:#FBC531;
    margin-top:10px;
    padding:18px;
    border:3px solid black;
}

input {
    width:100%;
    height:24px;
    margin-bottom:12px;
    background:black;
    color:white;
    font-weight:bold;
    letter-spacing:2px;
    border: black;
}

input:hover {
    letter-spacing: 4px;
    cursor:pointer;
}

#headcanons {
    background: black;
    color:white;
    margin-top:10px;
    padding:16px;
    overflow-y:auto;
}

#doll {
    margin:10px;
    width: 300px;
    height: 660px;
    grid-area:"doll";
    border-left:3px solid black;
}

#background {
    width: 300px;
    height: 660px;
    background: #008080;
    border-image-slice: 40% 0;
    border-image-width: 20px 0;
    border-image-outset: 0;
    border-image-repeat: repeat;
    border-image-source: url("/dressup/nico-nanbaka/assets/caution-border.png");
    border-style: solid;
}

#base {
    background-image: url(/games/dressup/nico-nanbaka/images/base.png);
    background-size: 340px;
    width: 340px;
    height: 660px;
    position: absolute;
    left:-16px;
}

#hair {
    background-size: 340px;
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

#tube {
    background-size: 340px;
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

#bodybandages {
    background-size: 340px;
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

#eyepatches {
    background-size: 340px;
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

#nails {
    background-size: 340px;
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

#shoes {
    background-size: 340px;
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

#gloves {
    background-size: 340px;
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

#bracelet {
    background-size: 340px;
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

#hats {
    background-size: 340px;
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

#ballandchain {
    background-size: 340px;
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

#jumpsuits {
    background-size: 340px;
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

#splints {
    background-size: 340px;
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

#pants {
    background-size: 340px;
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

#shirts {
    background-size: 340px;
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

#necklace {
    background-size: 340px;
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

#bags {
    background-size: 340px;
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

#eyes {
    background-size: 340px;
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

/*BAGS*/

.bag01 {
    background: url(/games/dressup/nico-nanbaka/images/bags/01.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.bag02 {
    background: url(/games/dressup/nico-nanbaka/images/bags/02.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

/*BALL AND CHAIN*/

.ballandchain {
    background: url(/games/dressup/nico-nanbaka/images/ballandchain.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}
/*BRACELET*/

.bracelet {
    background: url(/games//dressup/nico-nanbaka/images/bracelet.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

/*BODY BANDAGES*/

.bbandage01 {
    background: url(/games//dressup/nico-nanbaka/images/bodybandages/01.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.bbandage02 {
    background: url(/games//dressup/nico-nanbaka/images/bodybandages/02.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.bbandage03 {
    background: url(/games//dressup/nico-nanbaka/images/bodybandages/03.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.bbandage04 {
    background: url(/games//dressup/nico-nanbaka/images/bodybandages/04.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.bbandage05 {
    background: url(/games//dressup/nico-nanbaka/images/bodybandages/05.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

/*EYE PATCHES*/

.patch01 {
    background: url(/games//dressup/nico-nanbaka/images/eyepatches/01.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.patch02 {
    background: url(/games//dressup/nico-nanbaka/images/eyepatches/02.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.patch03 {
    background: url(/games//dressup/nico-nanbaka/images/eyepatches/03.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.patch04 {
    background: url(/games//dressup/nico-nanbaka/images/eyepatches/04.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.patch05 {
    background: url(/games//dressup/nico-nanbaka/images/eyepatches/05.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

/*EYES (PROSTHETIC)*/

.eye01 {
    background: url(/games//dressup/nico-nanbaka/images/eyes/01.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.eye02 {
    background: url(/games//dressup/nico-nanbaka/images/eyes/02.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.eye03 {
    background: url(/games/dressup/nico-nanbaka/images/eyes/03.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}
.eye04 {
    background: url(/games//dressup/nico-nanbaka/images/eyes/04.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}
.eye05 {
    background: url(/games//dressup/nico-nanbaka/images/eyes/05.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

/*FINGER SPLINTS*/

.splints01 {
    background: url(/games//dressup/nico-nanbaka/images/fingersplints/01.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.splints02 {
    background: url(/games//dressup/nico-nanbaka/images/fingersplints/02.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

/*GLOVES*/

.glove01 {
    background: url(/games/dressup/nico-nanbaka/images/gloves/01.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.glove02 {
    background: url(/games//dressup/nico-nanbaka/images/gloves/02.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

/*BACKHAIR*/

.hair01 {
    background: url(/games/dressup/nico-nanbaka/images/hair/01.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.hair02 {
    background: url(/games/dressup/nico-nanbaka/images/hair/02.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.hair03 {
    background: url(/games/dressup/nico-nanbaka/images/hair/03.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

/*HATS / TOP HAIR*/

.cathat01 {
    background: url(/games/dressup/nico-nanbaka/images/hats/cathat01.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.cathat02 {
    background: url(/games/dressup/nico-nanbaka/images/hats/cathat02.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.tophair01 {
    background: url(/games/dressup/nico-nanbaka/images/hats/hair01.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.tophair02 {
    background: url(/games/dressup/nico-nanbaka/images/hats/hair02.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

/*JUMPSUITS*/

.jumpsuit01 {
    background: url(/games/dressup/nico-nanbaka/images/jumpsuits/01.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.jumpsuit02 {
    background: url(/games/dressup/nico-nanbaka/images/jumpsuits/02.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

/*NAILS*/

.nails01 {
    background: url(/games/dressup/nico-nanbaka/images/nails/01.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.nails02 {
    background: url(/games/dressup/nico-nanbaka/images/nails/02.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.nails03 {
    background: url(/games/dressup/nico-nanbaka/images/nails/03.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.nails04 {
    background: url(/games/dressup/nico-nanbaka/images/nails/04.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.nails05 {
    background: url(/games/dressup/nico-nanbaka/images/nails/05.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

/*NECKLACE*/

.necklace {
    background: url(/games/dressup/nico-nanbaka/images/necklace.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

/*PANTS*/

.pants01 {
    background: url(/games/dressup/nico-nanbaka/images/pants/01.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.pants02 {
    background: url(/games/dressup/nico-nanbaka/images/pants/02.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.pants03 {
    background: url(/games/dressup/nico-nanbaka/images/pants/03.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.pants04 {
    background: url(/games/dressup/nico-nanbaka/images/pants/04.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

/*SHIRTS*/

.shirt01 {
    background: url(/games/dressup/nico-nanbaka/images/shirts/01.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.shirt02 {
    background: url(/games/dressup/nico-nanbaka/images/shirts/02.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.shirt03 {
    background: url(/games/dressup/nico-nanbaka/images/shirts/03.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.shirt04 {
    background: url(/games/dressup/nico-nanbaka/images/shirts/04.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

/*SHOES*/

.shoes01 {
    background: url(/games/dressup/nico-nanbaka/images/shoes/01.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.shoes02 {
    background: url(/games/dressup/nico-nanbaka/images/shoes/02.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.shoes02-5 {
    background: url(/games/dressup/nico-nanbaka/images/shoes/02.5.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.shoes03 {
    background: url(/games/dressup/nico-nanbaka/images/shoes/03.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.shoes03-5 {
    background: url(/games/dressup/nico-nanbaka/images/shoes/03.5.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

/*TUBE (FEEDING TUBE)*/

.tube01 {
    background: url(/games/dressup/nico-nanbaka/images/tubes/01.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.tube02 {
    background: url(/games/dressup/nico-nanbaka/images/tubes/02.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}

.tube03 {
    background: url(/games/dressup/nico-nanbaka/images/tubes/03.png);
    width: 360px;
    height: 660px;
    position: absolute;
    left:-16px;
}