::selection{color:#fff;background:#5f606b}body,html{margin:0;padding:0;min-height:100%;min-width:700px;color:#fff;font:14pt/1.5 Helvetica}body{background-color:#2a2b3a;background-size:cover;background-position:center;transition:background 200ms ease-in-out}ul{margin:0;padding:0}a{color:inherit;text-decoration:none}a:hover,.btn:hover{cursor:pointer}.btn{color:rgba(255,255,255,0.8);z-index:100}.btn:hover{color:#fff;cursor:pointer}.btn.disabled{color:rgba(255,255,255,0.2)}.hide{display:none}.keybtn{background:#fff;border:0 solid rgba(0,0,0,0.1);border-bottom-width:2px;border-right-width:2px;border-radius:4px;padding:.2em;margin:.2em;font-style:normal;font-weight:bold;color:#aaa;width:1.4em;height:1.4em;font-size:.6em;text-align:center}#cursorCircle{background:rgba(0,0,0,0.3);position:fixed;width:0;height:0;border-radius:100%;z-index:51;pointer-events:none}#message{position:absolute;top:15%;left:25%;width:50%;font-size:3em;font-weight:bold;text-align:center;z-index:100}#brightness{position:absolute;top:0;right:0;text-align:center;margin:10px;width:40px;font:40px/1 Helvetica}#scenic{position:absolute;font:40px/1 Helvetica;margin:10px;width:40px;bottom:0;right:0}#togglemenu{position:absolute;top:0;left:0;padding:10px 20px;text-align:center;width:40px;font:40px/1 Helvetica;z-index:501;box-sizing:border-box}#togglemenu:after{z-index:1;content:"";position:fixed;left:0;top:0;height:100%;width:10px}section.menu{position:absolute;left:0;top:0;width:15%;height:100%}#menu{position:absolute;left:0;top:0;width:100%;height:100%;min-width:200px;max-width:100%;display:none;z-index:500;background:rgba(0,0,0,0.2)}#menu input{width:90%;margin:20px 5%;font-size:1em;line-height:1.5;border:none;color:inherit;background:none;border-bottom:5px solid;transition:all 200ms ease-in-out}#menu input:focus{outline:none;box-shadow:0 5px}#menu .social{position:absolute;width:80%;padding:10%;bottom:0;left:0;font-size:.8em}#menu .social>*{float:left;margin:2px;margin-top:10px}#menu .social .fb_iframe_widget span{vertical-align:top !important}#menu hr{display:block;clear:both;width:100%;color:inherit;border:none;border-bottom:2px dashed;margin:10px 0}#menu ul{position:relative;padding-top:60px;list-style:none}#menu ul li.btn{padding:20px}#menu ul li.btn i{float:right}#menu ul li.btn:hover{background:#000 !important;cursor:pointer}#menu ul li.btn.selected{background:#15151c}#menu ul button.size{padding:20px;font-weight:bold;padding-top:30px;display:inline-block;width:100%;background:none;border:none;color:rgba(255,255,255,0.3);font-size:1em;text-align:left}#menu ul button.size:focus{outline:none}#menu ul button.size .big{font-size:1.2em}#menu ul button.size .medium{font-size:1em}#menu ul button.size .small{font-size:.8em}#menu ul button.size i{float:right}#menu ul button.size .selected{color:#fff}#menu ul button.size:hover{cursor:pointer;color:rgba(255,255,255,0.5) !important}section.container{position:absolute;height:100px;top:50%;width:100%;margin-top:-50px;text-align:center;font-size:100px;transition:all 200ms ease-in-out;z-index:50}section.container.big{height:240px;margin-top:-120px}section.container.big .mode{font-size:200px}section.container.small{height:50px;margin-top:-25px}section.container.small .mode{font-size:50px}section.container .mode{font-weight:100;line-height:1.2;margin:auto;display:inline-block;vertical-align:top;position:relative;box-shadow:0 0 0 0 transparent}section.container .mode .container{border-radius:.1em;padding:0 .2em;transition:all 200ms ease-in-out}section.container .mode .container:hover{background:#fff;cursor:pointer}section.container .mode .container:hover span{color:#2a2b3a !important}section.container .mode .edit{display:none}section.container .mode .time{position:absolute;font-weight:bold;bottom:0;right:0;margin-right:1em;padding:0 .2em;font-size:.2em;color:#74db9d;border-radius:.2em;transition:all 200ms ease-in-out}section.container .mode .time i{opacity:0;padding:0 .2em;font-size:.8em}section.container .mode .time:hover{background:#74db9d;color:#fff;cursor:pointer}section.container .mode .time:hover i{opacity:.5}section.container .mode input,section.container .mode .ampm.btn{border:none;background:none;font:1em/1 helvetica;display:inline-block;font-weight:100;margin-top:-0.1em;width:1.1em;text-align:right;border-bottom:.1em solid;color:inherit;transition:border-bottom-width 200ms ease-in-out}section.container .mode input:focus,section.container .mode .ampm.btn:focus{outline:none;border-bottom-width:.2em}section.container .mode .ampm.btn{padding:0;height:1.25em;width:initial}section.container .mode .ampm.btn:focus{border-bottom-width:.1em}section.container .mode .setter{position:absolute;left:100%;top:1em;margin-top:-0.8em;height:1em;width:1em;font-size:.8em;opacity:.4;display:none}section.container .mode .setter:hover{cursor:pointer;opacity:.7}section.container .mode.finished .container{box-shadow:0 0 0 30px rgba(80,255,150,0.4);background:#5af598 !important}section.container .mode.finished .container span{color:#fff !important}section.container #clock .second{color:rgba(255,255,255,0.5)}section.container #clock .ampm{font-weight:bold}section.container #timer .container{display:inline-block;position:relative}section.container #timer input.hour{width:.55em !important}section.container #timer .second{color:rgba(255,255,255,0.7)}section.container #timer .mili{color:rgba(255,255,255,0.4)}section.container #timer.active .container:hover{background:#5af598}body.scenic{background-image:url('../img/lol.jpg')}body.scenic:after{content:"";position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.1);z-index:0}#preload{background:url('../img/lol.jpg') no-repeat -9999px -9999px}body.light{background-color:#f9f9f9;color:#5f65d1}body.light .mode .container:hover{background:#5f65d1}body.light .mode .container:hover span{color:#fff !important}body.light #clock .second{color:rgba(0,0,0,0.2)}body.light #timer .hour{color:#5f65d1}body.light #timer .minute{color:#5f65d1}body.light #timer .second{color:#9a9ee2}body.light #timer .mili{color:#d6d7f3}body.light .btn{color:rgba(0,0,0,0.5)}body.light .btn:hover{color:#000;cursor:pointer}body.light #menu{background:rgba(255,255,255,0.5)}body.light #menu .btn:hover{background:#e4e6fe !important}body.light #menu .btn.selected{background:#cbcefe}body.light #menu .size{color:#ddd}body.light #menu .size .selected{color:#999}body.light #menu .size:hover{color:#ccc !important}