* {box-sizing: border-box;
scrollbar-color:#a93f50 pink}

body {background-image:url(/images/bgs/background242.jpg);}

.staging {border:5px #a32a5a solid;
width:1200px;
height:700px;
margin:auto;
background-color:#fecc9b;
position:relative;
z-index:-5;}

.draggable {z-index:100;}

.toybox1 .draggable, .toybox2 .draggable {margin-top:-150px;
margin-left:-40px;
}

#table {position:absolute;
right:0;}

#blanket {position:absolute;
z-index:-1;
bottom:0;}

.toybox1 {border:solid #a93f50 15px;
background-color:#a93f50;
height:500px;
width:550px;
padding-top:80px;
padding-left:30px;
justify-content:center;
display:flex;
align-items:center;
flex-wrap:wrap;
}

.toybox2 {width:550px;
height:270px;
border:solid #a93f50 15px;
background-color:#a93f50;
display:flex;
align-items:center; 
flex-wrap:wrap;
justify-content:center;
padding-top:90px;
padding-left:30px;
margin-top:150px;
}

.storybox {border:solid #c76857 15px;
background-color:#c76857;
height:750px;
width:600px;
position:absolute;
left:600px;
top:930px;
display:flex;
align-items:center;
flex-wrap:wrap;
padding-left:40px;
padding-top:50px;}  

.note:nth-child(odd){transform:rotate(2deg);
z}

.note:nth-child(even){transform:rotate(-2deg)}

.note {background-color:#f8d7c9;
padding:5px;
width:160px;
font-size:8pt;
opacity:1;
border:1px solid;
font-family:Verdana, Geneva, Tahoma, sans-serif;
z-index:1;
box-shadow:0px 3px 10px rgba(00,00,00,0.5);
margin-left:-30px;
justify-content:center;
margin-top:-50px;
height:100px;
overflow:auto;
scrollbar-width:thin;
z-index:4;
}

.note p {margin:0;
margin-bottom:10px;}


input {width:80px;
background-color:rgba(256, 256, 256, 0.3);
border:none;
border-bottom:1px solid;
height:10pt;
font:inherit;
}

hr {border-color:#a93f50;
border-style:dashed;
border-width:1px;}

.boxtitle2 {position:absolute;
left:600px;
top:804px;
z-index:1;}

#arrow {position:absolute;
left:480px;
top:40px;
animation:bobbing alternate infinite ease-in-out .5s;}

@keyframes bobbing {
0% {transform:translateY(-5px)}

100% {transform:translateY(5px)}
    
}

.boxtitle {position:absolute;
top:790px;
left:100px;}

#leftarrow {animation:bobbing alternate infinite ease-in-out .5s;
animation-delay:0.5s}

h1 {color:#a32a5a;
font-family:'Arial Black', Arial, Helvetica, sans-serif;}