#dialog,#launcher,body,canvas,html{height:100%}#launcher,body{background-color:#fff}#dialog,nav ul li span.title{display:none}footer,header,nav{z-index:10}body{margin:0;font-family:Montserrat,sans-serif;color:#000;overflow:hidden}.red{color:#e9173c}.pink{color:#f9547e}.orange{color:#fd5f38}.yellow{color:#c3ca00}.green{color:#0b8f5e}.blue{color:#0e5ca7}.purple{color:#3a3390}.deeppurple{color:#73087a}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}#launcher{position:fixed;top:0;left:0;width:100%;z-index:1001;cursor:default}#launcher .material-icons{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px;opacity:0}#dialog,header,nav{position:fixed}#launcher footer{opacity:0}canvas{width:100%;background:#fff;background:-webkit-gradient(radial,center center,0,center center,100%,color-stop(0,#fff),color-stop(85%,#f1f1f1));background:-webkit-radial-gradient(center ellipse,#fff 0,#f1f1f1 85%);background:radial-gradient(ellipse at center,#fff 0,#f1f1f1 85%)}#dialog{left:0;top:0;width:100%;background-color:rgba(255,255,255,.6);opacity:0;-webkit-transition:background-color 3s;transition:background-color 3s;z-index:1000}#dialog #fail,#dialog #success{position:absolute;width:48px;height:48px;top:50%;left:50%;margin-top:-24px;margin-left:-24px;background-color:#fff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;opacity:0}header{left:15px;top:50%;width:35px;height:80px;margin-top:-40px;font-size:12px;text-align:center}header #header-id,header #header-title,header hr{position:absolute;width:100%;left:0}header #header-title{top:40px}header #header-id{top:60px}header hr{width:70%;top:50px;left:50%;margin-left:-35%;height:1px;border:0;color:#000;background-color:#000}nav{right:-15px;top:50%;width:14px;height:150px;margin-top:-75px}nav ul{list-style-type:none;margin:0;padding:0}nav ul li{width:28px;height:18px}nav ul li span.dot{display:block;position:absolute;cursor:pointer;width:14px;height:14px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;margin:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}nav ul li span.dot.red{background-color:#e9173c}nav ul li span.dot.pink{background-color:#f9547e}nav ul li span.dot.orange{background-color:#fd5f38}nav ul li span.dot.yellow{background-color:#c3ca00}nav ul li span.dot.green{background-color:#0b8f5e}nav ul li span.dot.blue{background-color:#0e5ca7}nav ul li span.dot.purple{background-color:#3a3390}nav ul li span.dot.deeppurple{background-color:#73087a}nav ul li span.dot.black{background-color:#000}nav ul li span.dot.grey{background-color:#d9d9d9;width:18px;height:18px;margin-left:-2px;margin-top:-2px}footer{position:fixed;right:15px;bottom:15px;text-align:right;font-size:9px;line-height:12px;cursor:default}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:portrait){footer{font-size:6px;line-height:8px}}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:portrait){footer{font-size:6px;line-height:8px}}footer a{text-decoration:none;color:#000;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;cursor:pointer}footer a:hover{color:#999}