.wrapper{display:-ms-flexbox;display:flex}main{height:100vh;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;overflow:hidden;left:0;background-color:#efefef}footer,main{display:-ms-flexbox;display:flex;position:fixed}footer{bottom:0;height:30px;padding:0 10px;background:rgba(0,0,0,.5);line-height:30px;color:#fff;width:calc(100% - 350px);-ms-flex-pack:justify;justify-content:space-between}footer .heart{width:16px;height:auto}header{padding:15px;position:fixed}.code{padding:10px;background-color:rgba(0,0,0,.5)}.githubLogo{width:12px}.button{padding:3px 8px;color:#fff;text-decoration:none;font-size:13px;background:#000;border-radius:5px;margin-left:15px}.button:hover{background:#404040}.logo{background-color:red;border-radius:10%;height:4em;overflow:hidden;transition:background-color .3s;width:4em}.logo:hover{background-color:#c00}.logo-wrapper{animation:intro 3s;cursor:pointer;-ms-transform:translateY(-4em);transform:translateY(-4em);transition:transform .3s ease}.logo-wrapper:hover{-ms-transform:translateY(0);transform:translateY(0)}.gd{background-image:url(/particles/static/media/logo.303c0773.svg)}.face,.gd{background-repeat:no-repeat;background-size:cover;height:4em;width:4em}.face{background-image:url(/particles/static/media/face.1120b818.svg);overflow:hidden}.color-changer{background:rgba(0,0,0,.4);left:0;margin:0;position:fixed;top:calc(50% - 100px);padding:5px}.color-list-item{list-style:none;width:20px;height:20px;margin:10px;cursor:pointer}.configurator-wrapper{width:350px;padding:10px 20px;font-size:14px;height:100%;overflow-y:scroll;position:fixed;right:0;background:#333333DD}.configurator{color:#fff}h1,h2,h3{font-weight:400;font-size:26px}h2{border-top:1px solid #777;padding-top:10px;font-size:20px}h3{font-size:18px;margin-bottom:8px}.configurator .pretty-json-container{padding:10px}input[type=number],input[type=text]{display:block;border:1px solid #ccc;background:#ddd;padding:5px;margin-top:3px;border-radius:5px}input[type=number].error,input[type=text].error{border-color:red}.recommendation{font-size:10px;font-style:italic;opacity:.6;margin-top:2px}p.error{color:red;margin-top:2px;font-size:12px}button{cursor:pointer;font-size:14px;padding:10px 15px;width:70%;margin:10px 15%;border-radius:6px;background-color:red;border:none;color:#fff}button:hover{background-color:#c00}button:disabled{background-color:#777;cursor:default}#textToCopy{height:0;width:0;border:0;position:fixed;top:-20px;left:-20px}.form-control.half{width:50%;float:left}.form-control.third{width:33.33333%;float:left}.form-control.third input[type=number]{width:50px}*{box-sizing:border-box}html{height:100%}body{margin:0;padding:0;font-family:sans-serif;min-height:100%}
/*# sourceMappingURL=main.bb30f5dd.css.map*/