@import url(https://fonts.googleapis.com/css?family=Share+Tech+Mono);body{background-color:initial!important;background-position:0 0,50% 50%;background-repeat:repeat,no-repeat;background-size:auto,cover;margin:0;padding:0}.App,body{outline:none;overflow:hidden}.App{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;height:100vh;width:100%}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.panel{align-content:flex-end;bottom:2%;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;position:absolute;right:1%;width:100%}.button-icon,.panel{align-items:center;display:flex}.button-icon{border-radius:50%;cursor:pointer;height:20px;justify-content:center;margin:5px;width:20px}.Close-Robe{left:67%;top:9%}.Close-Painting,.Close-Robe{background-color:initial;border:0;cursor:pointer;opacity:1;position:absolute}.Close-Painting{left:80%;top:10%}.modularLogo{height:5%;left:40%;position:absolute;top:3%;width:14%}@media screen and (max-width:479px){.modularLogo{height:5%;left:30%;position:absolute;top:2%;width:40%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{font-family:Share Tech Mono,monospace}.guide-div{bottom:3%;height:40%;left:5%;position:absolute;width:22%}.message-container{padding-top:2.5em;text-align:center}.keyboard{margin:0 auto;padding:2.5em 0;width:400px}.top-row{margin:0 auto;width:118px}.bottom-row{display:inline-flex}.key{background-color:#353943;border:1px solid #834426;box-shadow:5px 5px #c2b7ab;color:#fff;height:85px;left:0;margin:15px;text-align:center;top:0;transition:all .07s ease;width:85px}.activeKey{background-color:#777743;box-shadow:0 0 0 0;left:.2em;position:relative;top:.2em;transform:scale(1.1)}.key>p{font-size:1.8em}.joystick{background-color:#0003;border-radius:50%;bottom:1vmax;height:20vmax;left:1vmax;position:absolute;width:20vmax}.joystick-outline{height:100%;width:100%}.joystick-handle-container{bottom:0;left:0;position:absolute;right:0;top:0}.joystick-handle{background-color:#fff9;border-radius:50%;height:8vmax;left:50%;margin-left:-4vmax;margin-top:-4vmax;position:absolute;top:50%;width:8vmax}.mouse-tooltip{align-items:center;background-color:#000000b3;border-radius:8px;bottom:15%;color:#fff;display:flex;font-family:Arial,sans-serif;font-size:1rem;left:80%;padding:10px 20px;position:absolute;transform:translateX(-50%);z-index:1000}.mouse-icon{height:36px;margin-right:8px;width:36px}.mobile-tooltip{align-items:center;background-color:#000000b3;border-radius:8px;bottom:50%;color:#fff;display:flex;font-family:Arial,sans-serif;font-size:.8rem;left:17%;padding:10px 20px;position:absolute;width:60%;z-index:1000}.mobile-icon{height:40px;margin-right:8px;width:40px}.close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-left:10px;position:absolute;right:-6px;top:-4px}.close-button:hover{color:#777743}.RobeDiv{align-items:center;background-color:initial;display:flex;flex-direction:column;gap:1em;height:30vh;justify-content:center;left:14%;position:absolute;top:20%;width:30vw}.RobeDetails{font-size:1em}.BuyRobe{color:#000;cursor:pointer;height:12%;transition:all .5s ease;width:18%}.BuyRobe,.PaintingDiv{background-color:initial}.PaintingDiv{align-items:center;display:flex;flex-direction:column;gap:1em;height:29vh;justify-content:center;position:absolute;right:66%;top:26%;width:29vw}.PaintingDetails{font-size:1.4em;width:16vw}.BuyPainting{background-color:initial;color:#000;cursor:pointer;font-size:1em;height:15%;transition:all .5s ease;width:20%}