html{-webkit-text-size-adjust:100%}
body{margin:0;background:black;color:#0f0;font-size:15px;-webkit-user-select:none;-moz-user-select:none;overflow-x:hidden;-o-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;line-height:15px;font-family:"Lucida Console",Monaco,monospace}
main{display:block}
table#bodika{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}
h1{font-size:25px;line-height:20px;margin:5px 0 10px}
span{vertical-align:middle}
p{margin:0 0 10px}
hr{box-sizing:content-box;height:0;overflow:visible}
pre,#introChars,#titleChars{font-family:monospace,monospace;font-size:1em}
#introChars,#titleChars{line-height:1em}
#introChars > div,#titleChars > div{min-height:15px;position:relative}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:0.35em 0.75em 0.625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.hidden,[hidden]{display:none !important}
.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
.sr-only.focusable:active,.sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}
.invisible{visibility:hidden}
.clearfix::before,.clearfix::after{content:" ";display:table}
.clearfix::after{clear:both}
@media only screen and (min-width:35em){}
@media print,(-webkit-min-device-pixel-ratio:1.25),(min-resolution:1.25dppx),(min-resolution:120dpi){}
@media print{*,*::before,*::after{background:#fff !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}
a,a:visited{text-decoration:underline}
a[href]::after{content:" (" attr(href) ")"}
abbr[title]::after{content:" (" attr(title) ")"}
a[href^="#"]::after,a[href^="javascript:"]::after{content:""}
pre{white-space:pre-wrap !important}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}
#welcome{position:absolute;left:135px;top:82px;background:white;padding:0;color:#222;border-top:2px solid #FFF;border-right:2px solid #000;border-bottom:2px solid #000;border-left:2px solid #FFF;box-shadow:10px 10px 50px 10px #000;width:350px}
#intro{padding:5px}
#skullSelect{display:inline-block}
#skullSelect > div{display:inline-block;cursor:pointer;font-size:1.6em;line-height:1em;min-width:27px;margin-bottom:8px;text-align:center;border-radius:5px}
#skullSelect > div.active{box-shadow:0px 2px 2px 2px #456 !important}
#skullSelect > div:hover{box-shadow:2px 2px 8px #000}
#welcomeTop{position:relative;background:#0000AA;height:24px;overflow:hidden;line-height:24px;color:#FFF;padding:1px 50px 1px 5px;cursor:grab;font-size:14px}
#welcomeTop > span{display:inline-block;cursor:pointer;background:#BFC3C9;color:#000;position:absolute;top:2px;right:2px;width:18px;text-align:center;line-height:18px;font-weight:bold;font-size:20px;border-top:2px solid #FFF;border-right:2px solid #000;border-bottom:2px solid #000;border-left:2px solid #FFF}
#welcomeTop > span#dock{right:26px}
#welcomeTop > span:hover{background:#e8eaed}
#welcome.docked{left:5px !important;top:auto !important;bottom:5px}
.docked #welcomeTop > span#dock{background:#0000AA;border-color:#BFC3C9;color:#BFC3C9}
#welcome.docked #welcomeTop{cursor:default}
#tsparticles{position:relative}
#grids{position:relative;text-align:center}
#grids > div{margin-bottom:20px}
#colors{display:inline-block;padding-bottom:8px}
#colors > span{display:inline-block;width:20px;height:20px;margin:2px;cursor:pointer;box-shadow:1px 1px 2px #000}
#colors > span:hover{box-shadow:none}
#colors > span.active{outline:2px solid #000}
.label{display:inline-block;min-width:70px;font-size:0.85em;font-weight:bold}
#titleInput{margin-left:9px}
#toggleSettings{position:absolute;top:3px;left:3px;display:none;cursor:pointer;opacity:0.5}
input,textarea{vertical-align:middle;display:inline-block;width:240px;margin-bottom:8px}
#toggleSettings:hover{opacity:1;transition:transform .5s ease-in-out;transform:rotate(90deg)}
.highlight#toggleSettings{opacity:1;transform:rotate(-90deg);transition:transform .5s ease-in-out}
svg{fill:#0f0;height:20px;width:20px}
#glitchToggle,#fullScreenToggle{line-height:1.2em;padding:0px 0 8px}
#glitchToggle > strong,#fullScreenToggle > strong{display:inline-block;background:#3d3dc1;padding:2px 10px;min-width:80px;text-align:center;border-radius:5px;color:#FFF;cursor:pointer}
#glitchToggle:hover > strong,.#fullScreenToggle:hover > strong{background:#17176c}
.glitch > div:nth-child(5n){animation:horizontal-shaking 0.8s linear infinite}
.glitch > div:nth-child(5n+1){animation:horizontal-shaking 0.61s linear infinite}
.glitch > div:nth-child(5n+2){animation:horizontal-shaking2 0.62s linear infinite}
.glitch > div:nth-child(5n+3){animation:horizontal-shaking3 0.45s linear infinite}
.glitch > div:nth-child(5n+4){animation:horizontal-shaking4 0.95s linear infinite}
@keyframes horizontal-shaking{0%{transform:translateX(0);opacity:0.89}
25%{transform:translateX(0px);opacity:1}
50%{transform:translateX(-1px);opacity:1}
75%{transform:translateX(0px);opacity:0.85}
100%{transform:translateX(0);opacity:0.95}
}
@keyframes horizontal-shaking2{0%{transform:translateX(0);opacity:0.8}
25%{transform:translateX(1px);opacity:1}
50%{transform:translateX(-1px);opacity:1}
75%{transform:translateX(0px);opacity:0.8}
100%{transform:translateX(0);opacity:0.95}
}
@keyframes horizontal-shaking3{0%{transform:translateX(0);opacity:0.8}
25%{transform:translateX(0px);opacity:1}
45%{transform:translateX(0px);opacity:1}
50%{transform:translateX(-5px);opacity:1}
55%{transform:translateX(0px);opacity:1}
75%{transform:translateX(0px);opacity:0.95}
100%{transform:translateX(0);opacity:0.8}
}
@keyframes horizontal-shaking4{0%{transform:translateX(0);opacity:0.9}
25%{transform:translateX(1px);opacity:0.9}
50%{transform:translateX(0px);opacity:1}
75%{transform:translateX(3px);opacity:0.95}
100%{transform:translateX(0);opacity:0.9}
}
.loadAnimation{background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(0,0,0,.10)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(0,0,0,.10)),color-stop(.75,rgba(0,0,0,.10)),color-stop(.75,transparent),to(transparent));background-image:-moz-linear-gradient(-45deg,rgba(0,0,0,.10) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.10) 50%,rgba(0,0,0,.10) 75%,transparent 75%,transparent);background-size:50px 50px;-moz-background-size:50px 50px;-webkit-background-size:50px 50px;-webkit-animation:animate-stripes 2s linear infinite}
@-webkit-keyframes animate-stripes{from{background-position:0 0}
to{background-position:-50px 0}
}
@media only screen and (min-width:1025px){#welcome{width:500px}
.label{min-width:80px}
input,textarea{width:380px}
#skullSelect > div{min-width:34px}
#colors > span{width:30px}
}
@media only screen and (max-width:750px){#welcome{width:260px}
#glitchToggle,#fullScreenToggle,#skullSelect > div,#colors{margin-bottom:4px}
#intro > p{display:none}
body{font-size:13px;line-height:13px}
input,textarea{width:170px}
#colors > span{width:18px}
.label{min-width:50px}
#skullSelect > div{font-size:1.35em;min-width:22px}
#grids > div{max-width:100%}
}
@media only screen and (max-width:349px){input,textarea{width:135px}
#welcome{width:220px}
}