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{position:absolute;width:100%;color:#fff;padding:2px;padding-bottom:10px;font-family:"Comic Sans MS","sans-serif";font-size:1.5rem;font-weight:bold;text-align:center;z-index:1}.desc{text-align:left;font-size:1.1rem;text-decoration:none}@media screen and (min-width: 640px){.desc{color:rgba(179,175,170,.925);position:absolute;top:100px;left:50px;z-index:0;max-width:10%}}@media screen and (max-width: 640px){.desc{max-width:80%;font-weight:200}.desc.toggle-hidden{display:none}.desc.toggle-show{padding-left:.4rem;margin-left:.2rem;position:absolute;left:40px;height:auto;bottom:200px;color:#000;background:#fff;opacity:.8;display:true;z-index:9999999}}#container{top:50px}.menu{position:absolute;bottom:40px;display:flex;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;text-align:center;color:rgba(121,133,133,.666)}.menu .menu-item{padding:.4em}@media screen and (max-width: 1200px){.menu .menu-item button.menu-btn-xl{display:none}}@media screen and (max-width: 860px){.menu .menu-item button.menu-btn-lg{display:none}}@media screen and (max-width: 640px){.menu .menu-item button.menu-btn-md{display:none}}@media screen and (max-width: 640px){.menu .menu-item button.menu-btn-sm{display:none}}@media screen and (max-width: 640px){.menu .menu-item button.profile-toggle{display:true}}@media screen and (min-width: 640px){.menu .menu-item button.profile-toggle{display:none}}@media screen and (max-width: 480px){#demo{display:none}}#demo{position:absolute;top:100px;right:5px;font-size:15px;color:rgba(127,255,255,.75);z-index:1000;word-wrap:normal}#demo p{padding-left:.4rem}#demo ul{padding:.2rem 1rem .2rem 2rem}#demo ul li{padding:.1rem}#demo a{text-decoration:none;font-size:18px}.shortDesc p:first-child{color:rgba(127,255,255,.75);padding-left:.1rem}@media screen and (max-width: 1200px){.shortDesc p:first-child{font-weight:600;color:#000}}.shortDesc{padding-left:.2rem;font-size:1.1rem;float:left;max-width:300px;white-space:pre-wrap}@media screen and (min-width: 1200px){.shortDesc{color:#97a0a0;position:fixed;bottom:50px;left:2px;z-index:10}}@media screen and (max-width: 1200px){.shortDesc{color:#000;background:#fff;opacity:.5;height:auto;position:fixed;bottom:10px;left:2px;z-index:20}}@media screen and (max-width: 640px){.shortDesc{display:none}}@media screen and (min-width: 640px){.mobile-hint{display:none}}.show{display:true}.hidden{display:none}.profile p:first-child{padding-left:.5rem}.profile{color:rgba(121,133,133,.836);position:absolute;font-size:1.1rem;max-width:250px}.element{width:180px;height:160px;text-align:center;border-radius:.5em;cursor:default}.element:hover{box-shadow:0px 0px 12px cyan-400}.element .number{position:absolute;top:5px;right:20px;font-size:22px;color:rgba(127,255,255,.75)}.element .symbol{position:absolute;top:30px;left:0px;right:0px;font-size:52px;font-weight:bold;color:hsla(0,0%,100%,.75)}.element .details{position:absolute;bottom:1.5rem;left:0px;right:0px;font-size:20px;color:rgba(127,255,255,.75)}.clickable:hover{cursor:pointer}.links{color:rgba(106,110,110,.822);cursor:pointer;float:right;padding-left:5px;padding-right:10px}.button{color:rgba(127,255,255,.75);background:rgba(0,0,0,0);outline:1px solid teal-200;border:0px;padding:5px 5px;font-size:.9rem;font-weight:600;cursor:pointer}.button:hover{background-color:rgba(0,255,255,.5);cursor:pointer}.button:active{color:#000;background-color:rgba(0,255,255,.75)}@media screen and (max-width: 1200px){.button-active.menu-btn-xl{display:none}}@media screen and (max-width: 860px){.button-active.menu-btn-lg{display:none}}@media screen and (max-width: 640px){.button-active.menu-btn-md{display:none}}@media screen and (max-width: 480px){.button-active.menu-btn-sm{display:none}}.button-active{color:rgba(121,133,133,.836);outline:1px solid rgba(121,133,133,.836);font-weight:200}.button-active:hover{background-color:rgba(0,255,255,.5);color:#000;cursor:pointer}
