body{margin:0;overflow:hidden;color:#000;font-family:Verdana,Geneva,Tahoma,sans-serif;-webkit-user-select:none;-webkit-touch-callout:none}#WebGL-Output{transition:margin-left .5s}.title{position:absolute;top:0;width:50%;text-align:center}.title h1{font-size:1.5rem}.modal{color:#000}#guiWidth{width:175px}.panel{position:absolute;text-align:center}.panel p{margin-bottom:.25rem}#rotate{bottom:15%;right:1%;width:22.5%;color:#fff}#rotate button{width:45%;padding:.2rem .4rem}#buttonLarge{width:100%}#buttonLarge button{width:95%}#rotate img{width:100%}.copyright{position:absolute;bottom:1%;left:1%;width:100%}#info{bottom:1%;right:1%;width:7.5%;cursor:pointer}#info img{width:100%}.infoTitle{left:0;background-color:#646464;width:40%}.infoContent,.infoTitle{position:absolute;top:0;color:#fff;border:2px solid #fff;border-radius:0 20px 20px 0;padding:5px 0}.infoContent{left:37.5%;background-color:rgba(130,130,255,.75);width:30%}#sleepData{top:9%;left:-.5%;height:25%;border-radius:0 20px 20px 0}#sleepData img{width:95%}#awakeAttribute,#deepAttribute,#monthAttribute,#qualityAttribute,#sleepAttribute{left:0}#qualityAttribute{top:20%}#awakeAttribute{top:40%}#deepAttribute{top:60%}#monthAttribute{top:80%}#monthControl button{width:35%;padding:.2rem .4rem}.btn-purple{color:#fff;background-color:rgba(130,130,255,.75);border-color:#fff}.infoTitleBtn{background-color:#646464;padding:10px 20px;border:2px solid #fff;border-radius:20px;color:#fff}#sideMenuIcon{top:7%;left:2.5%;-webkit-user-select:none;z-index:100}.sideNav{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:#111;overflow-x:hidden;transition:.5s;padding-top:25px}.sideNav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#818181;display:block;transition:.3s}.sideNav .closebtn{position:absolute;top:0;right:15px;font-size:24px}@media (min-width:576px){#rotate{width:15%}}@media (min-width:576px) and (orientation:landscape){#rotate{width:11%;top:11%}#sleepData{width:17.5%;top:10%;padding:0}#info{width:6.5%}#guiWidth{width:200px}}@media (min-width:768px){#sleepData{top:7.5%;width:22.5%}#guiWidth{width:300px}}@media (min-width:768px) and (orientation:landscape){#rotate{top:17.5%}}@media (min-width:992px){#rotate{width:10%;top:55%}#info{width:5%}#sleepData{width:37.5%}}@media (min-width:1200px){#rotate{width:8%}#rotate img{width:100%}#info{width:3%}#sleepData{width:30%}}@media (min-width:1600px){#rotate{width:7%}}
/*# sourceMappingURL=/sleepStyles.8c5a93c7.css.map */