html,body{height:100%}body{background-color:#000;margin:0;font-family:Helvetica,sans-serif;overflow:hidden}a{color:#9b9999;font-weight:bolder}a:hover{cursor:pointer}#title{color:#fff;text-align:center;z-index:1;width:100%;padding:2px 2px 10px;font-family:Comic Sans MS,"sans-serif";font-size:1.5rem;font-weight:700;position:absolute}.desc{text-align:left;font-size:1.1rem;text-decoration:none}@media screen and (width>=640px){.desc{color:#b3afaaec;z-index:0;max-width:10%;position:absolute;top:100px;left:50px}}@media screen and (width<=640px){.desc{max-width:80%;font-weight:200}.desc.toggle-hidden{display:none}.desc.toggle-show{color:#000;opacity:.8;height:auto;display:true;z-index:9999999;background:#fff;margin-left:.2rem;padding-left:.4rem;position:absolute;bottom:200px;left:40px}}#container{top:50px}.menu{text-align:center;color:#798585aa;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:40px}.menu .menu-item{padding:.4em}@media screen and (width<=1200px){.menu .menu-item button.menu-btn-xl{display:none}}@media screen and (width<=860px){.menu .menu-item button.menu-btn-lg{display:none}}@media screen and (width<=640px){.menu .menu-item button.menu-btn-md,.menu .menu-item button.menu-btn-sm{display:none}.menu .menu-item button.profile-toggle{display:true}}@media screen and (width>=640px){.menu .menu-item button.profile-toggle{display:none}}@media screen and (width<=480px){#demo{display:none}}#demo{color:#7fffffbf;z-index:1000;word-wrap:normal;font-size:15px;position:absolute;top:100px;right:5px}#demo p{padding-left:.4rem}#demo ul{padding:.2rem 1rem .2rem 2rem}#demo ul li{padding:.1rem}#demo a{font-size:18px;text-decoration:none}.shortDesc p:first-child{color:#7fffffbf;padding-left:.1rem}@media screen and (width<=1200px){.shortDesc p:first-child{color:#000;font-weight:600}}.shortDesc{float:left;white-space:pre-wrap;max-width:300px;padding-left:.2rem;font-size:1.1rem}@media screen and (width>=1200px){.shortDesc{color:#97a0a0;z-index:10;position:fixed;bottom:50px;left:2px}}@media screen and (width<=1200px){.shortDesc{color:#000;opacity:.5;z-index:20;background:#fff;height:auto;position:fixed;bottom:10px;left:2px}}@media screen and (width<=640px){.shortDesc{display:none}}@media screen and (width>=640px){.mobile-hint{display:none}}.show{display:true}.hidden{display:none}.profile p:first-child{padding-left:.5rem}.profile{color:#798585d5;max-width:250px;font-size:1.1rem;position:absolute}.element{text-align:center;cursor:default;border-radius:.5em;width:180px;height:160px}.element:hover{box-shadow:0px 0px 12px cyan-400}.element .number{color:#7fffffbf;font-size:22px;position:absolute;top:5px;right:20px}.element .symbol{color:#ffffffbf;font-size:52px;font-weight:700;position:absolute;top:30px;left:0;right:0}.element .details{color:#7fffffbf;font-size:20px;position:absolute;bottom:1.5rem;left:0;right:0}.clickable:hover{cursor:pointer}.links{color:#6a6e6ed2;cursor:pointer;float:right;padding-left:5px;padding-right:10px}.button{color:#7fffffbf;outline:1px solid teal-200;cursor:pointer;background:0 0;border:0;padding:5px;font-size:.9rem;font-weight:600}.button:hover{cursor:pointer;background-color:#00ffff80}.button:active{color:#000;background-color:#00ffffbf}@media screen and (width<=1200px){.button-active.menu-btn-xl{display:none}}@media screen and (width<=860px){.button-active.menu-btn-lg{display:none}}@media screen and (width<=640px){.button-active.menu-btn-md{display:none}}@media screen and (width<=480px){.button-active.menu-btn-sm{display:none}}.button-active{color:#798585d5;outline:1px solid #798585d5;font-weight:200}.button-active:hover{color:#000;cursor:pointer;background-color:#00ffff80}