@font-face{font-family:OpenSans;src:url(font/OpenSans-Regular-webfont.woff) format('woff');src:url(font/OpenSans-Regular-webfont.ttf) format('truetype')}@font-face{font-family:GrandHotel;src:url(font/GrandHotel-Regular.otf) format('opentype')}@font-face{font-family:ElegantIcons;src:url(font/ElegantIcons.eot);src:url(font/ElegantIcons.eot?#iefix) format('embedded-opentype'),url(font/ElegantIcons.woff) format('woff'),url(font/ElegantIcons.ttf) format('truetype'),url(font/ElegantIcons.svg#ElegantIcons) format('svg');font-weight:400;font-style:normal}body,html,input,select,textarea{font-family:OpenSans,Arial}body,html{background-color:#181818;height:100%;max-height:100%}@keyframes shine{50%{opacity:.4}100%{opacity:1}}::-webkit-scrollbar{display:none}.space{position:fixed;width:100%;height:100%;top:0;left:0;float:left;backface-visibility:visible;overflow:hidden;background:url(img/background.jpg);background-size:cover;transition:filter .5s;filter:none}.space.unfocus{filter:blur(5px)}.textContainer{position:absolute;text-align:center;top:0;left:50%;padding-top:10px;transform:translateX(-50%);z-index:100}.textContainer textarea#text{position:relative;min-width:280px;max-width:600px;min-height:10px;max-height:150px;margin:10px;outline:0;background-color:rgba(0,0,0,.6);color:#efefef;border:none;border-radius:3px;padding:20px 15px 0;box-shadow:0 2px 25px rgba(0,0,0,.7);font-size:1.1em;font-weight:700;text-align:center;transition:all .7s .1s}#container,.bottomBar{position:fixed;text-align:center}.textContainer textarea#text:active,.textContainer textarea#text:focus,.textContainer textarea#text:hover{transition:all .4s;background:rgba(0,0,0,.9)}#container{box-sizing:border-box;overflow:hidden;top:49%;left:50%;transform:translate(-50%,-50%)}#container canvas,#container img{text-align:center;border-radius:6px;box-shadow:0 5px 30px rgba(0,0,0,.7)}.bottomBar{background:rgba(0,0,0,.8);bottom:0;left:0;right:0;border-top:1px solid rgba(50,50,50,.2);box-shadow:0 -1px 20px -1px #000;padding:3px;z-index:100;width:100%}.bottomBar input#size{position:relative;height:0;padding:0;left:50%;transform:translateX(-50%);border:none;border-radius:1px;background-color:rgba(0,0,0,0);border-top:1px solid #060606;border-bottom:1px solid #222;outline:0;margin:1em 0 .3em;width:30%;max-width:40%}label{font-size:.7em;font-family:OpenSans;font-weight:700;padding:0;color:#666}#lControlToggle,#rControlToggle{font-family:ElegantIcons;position:fixed;height:1em;width:1em;font-size:1em;padding:.6em .8em;bottom:1px;background-color:rgba(0,0,0,.5);color:#aaa;text-align:center;margin:5px 10px;border-radius:3px;border:1px solid rgba(50,50,50,.2);cursor:default;font-weight:700;z-index:2000;transition:all .4s}#lControlToggle:active,#lControlToggle:hover,#rControlToggle:active,#rControlToggle:hover{border:1px solid rgba(100,100,100,.3);color:#fff;background-color:#000}#lControlToggle:active,#rControlToggle:active{transform:scale(.8)}#lControlToggle{left:0}#rControlToggle{right:0}.control{display:block;position:fixed;max-height:70%;top:44%;transform:translateY(-50%);padding:30px;width:auto;background-color:rgba(0,0,0,.8);color:#ddd;border-radius:5px;z-index:1000;overflow-y:scroll;margin-bottom:2em;transition:all .35s}.control.left.hidden{transform:translate(-100%,-50%)}.control.right.hidden{transform:translate(100%,-50%)}.control.left{left:-15px;padding-right:30px}.control.right{right:-15px}.control input,.control select,div.upload{background-color:#222;color:#ddd;padding:5px 8px;border-radius:4px;border:none;outline:0;height:auto;transition:all .3s}div.upload input[type=file]{opacity:0;position:absolute;height:20px;bottom:0;width:100px;right:0;z-index:2;margin:0}div.upload{text-align:center;display:block;margin:0;position:absolute;height:20px;bottom:21px;right:40px;width:100px;z-index:1;font-size:.9em}div.upload:hover{background:#333}div.upload:active{background:#111;transform:translateY(2px)}.control input#back,.control input#fill,.control input#fontcolor{height:30px;width:30px}.control input#minversion,.control input#mposx,.control input#mposy,.control input#msize,.control input#quiet,.control input#rounded{height:0;padding:0;margin:20px 5px 10px;border-top:1px solid #000;border-bottom:1px solid #252525;background-color:rgba(0,0,0,0);outline:0}@media only screen and (max-width:768px){#container{top:54%}.textContainer{position:absolute;top:0;left:0;right:0;padding:0;margin:0;transform:translateX(0);width:100%;height:100%}.textContainer textarea#text{position:relative;box-sizing:content-box;width:calc(100% - 24px);right:0;left:0;top:0;height:100%;margin:0;outline:0;background-color:rgba(0,0,0,.4);color:#efefef;border-radius:0;padding:14px 12px 12px;font-size:1.05em}.bottomBar{height:3.5em;background:rgba(0,0,0,.6)}#lControlToggle,#rControlToggle{height:1.3em;width:1.3em;font-size:1.5em;margin:0;background-color:rgba(0,0,0,0);border:none;border-radius:0}#lControlToggle:active,#lControlToggle:hover,#rControlToggle:active,#rControlToggle:hover{border:none}#lControlToggle:active,#rControlToggle:active{transform:scale(1);background-color:inherit}.bottomBar input#size{height:8px;background-color:rgba(100,100,100,.4);border-radius:4px;border:none}.control input#minversion,.control input#mposx,.control input#mposy,.control input#msize,.control input#quiet,.control input#rounded{height:8px;padding:0;margin:20px 5px 10px;border:none;background-color:rgba(100,100,100,.6)}}