*{box-sizing:border-box}*::after,*::before{box-sizing:border-box}html,body{height:100%}body{min-height:100%;font-family:'Open Sans',Verdana;font-size:15px;color:#fff;margin:0}a:focus{outline:0 none}.clearfix::after,.clearfix::before{content:" ";display:table}.clearfix::after{clear:both}.spacer-5{height:5px;clear:both}.spacer-10{height:10px;clear:both}.spacer-20{height:20px;clear:both}.spacer-40{height:40px;clear:both}.spacer-90{height:90px;clear:both}.ajaxloading{position:fixed;top:0;left:0;z-index:10000;width:100%;height:100%;font-size:100px;text-align:center;padding-top:20%;background-color:rgba(255,255,255,0.2) !important}.form-control{background-color:#fff;background-image:none;border:1px solid #ccc;color:#555;font-size:14px;height:29px;line-height:1.42857;padding:2px 7px;display:inline-block;vertical-align:middle;width:auto}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:focus{outline:0 none}@media (max-width:767px){.form-control{display:block;width:100%;margin:8px 0;height:34px;padding:6px 12px}}#Site{min-height:100%;padding:0;position:relative;overflow:hidden;background:#293134}#FullScreen{position:absolute;right:10px;top:10px;width:50px;height:50px;border:1px solid #fff;border-radius:50%;cursor:pointer}#Reset{position:absolute;right:10px;top:10px;width:50px;height:50px;border:1px solid #fff;border-radius:50%;cursor:pointer;line-height:48px;font-size:12px;text-align:center}#Playground{margin:15px auto;height:100%;border:1px dashed #ffffdf}#Playground .group{position:relative;cursor:pointer}#Playground .letter{display:inline-block;text-transform:uppercase;font-size:24px;color:#293134;line-height:36px;width:36px;height:36px;text-align:center;position:absolute;margin:2px;background:#ffffdf;border-radius:5px}#Playground .letter.checked{background:#ffff93}#Playground h2{text-align:center;z-index:99;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#Editor{margin:15px auto;height:100%;position:relative}#Editor input[type=text]{display:inline-block;text-transform:uppercase;font-size:24px;line-height:36px;width:36px;height:36px;text-align:center;border:0 none;margin:2px;background:#343e42;color:#fff;border-radius:5px}#Editor input[type=text].marked{background:#ffffdf;color:#293134}#Editor input[type=text].checked{background:#ffff93;color:#293134}#Editor input[type=text].disabled{background:#56676d}#Editor input[type=text].hl{background-color:#adfcb7}#Toolbar{position:absolute;top:0;right:0;padding:15px;width:250px;height:100%;background:#e4e4e4}#Toolbar>h2{text-align:center}#Toolbar>section{padding-bottom:30px}#Toolbar>section>.btn{text-transform:uppercase}#Toolbar .btn{display:block;padding:6px 14px;border-radius:4px;background-color:#f2f2f2;border:1px solid #ccc;color:#999;cursor:pointer;text-align:center;margin-top:10px}#Toolbar .btn:hover{background-color:#fff}#Toolbar .btn.active{background-color:#adfcb7}#Output{display:block;margin:30px auto;width:500px;height:300px;background:#343e42;color:#fff;border:0 none;border-radius:5px;padding:15px}