.hidden{display:none}h1,h2,h3,h4,h5,h6,p,a{font-family:'Arial';color:white;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}h1{font-size:5em}h2{font-size:4em}h3{font-size:3em}h4{font-size:2em}h5{font-size:1em}p{font-size:.8em;font-weight:bold;text-transform:uppercase}label{font-size:.8em}input{font-size:20px;text-transform:uppercase}button{font-weight:bold;text-transform:uppercase}.txt-particle-btn{width:100%;border-style:solid;background-color:#020120;border-color:#020120;color:white;outline:none;cursor:pointer;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}.txt-particle-btn:hover{background-color:#313131;border-color:#313131}.txt-particle-input{border:none;border-bottom:3px solid #020120;background:transparent;outline:none;color:#020120}.txt-particle-checkbox{margin-right:10px}#main #controls .controls__border,#main #controls .controls__border .controls__btn{border-width:2px;border-style:solid;border-color:white}html,body{width:100%;height:100%;padding:0;margin:0;overflow:hidden;background:#020120}#main{display:table-cell;text-align:center;vertical-align:middle}#main canvas{position:relative;width:100%;height:100%}#main #controls{position:absolute;bottom:0;right:0;width:100%}#main #controls .controls__border{position:relative;width:25%;min-width:300px;margin:0 auto;padding:10px;text-align:center;background:#fff;border-radius:0 10px 0 0;-webkit-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-ms-transition:all 0.15s ease;-o-transition:all 0.15s ease;transition:all 0.15s ease;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}#main #controls .controls__border .controls__label{text-align:center;margin:0 0 5px 0;color:#020120}#main #controls .controls__border .txt-particle-input{width:100%;text-align:center;margin:0 0 15px 0}#main #controls .controls__border .txt-particle-checkbox{margin:0 10px 0 10px}#main #controls .controls__border .txt-particle-btn{margin-top:20px;height:30px}#main #controls .controls__border .controls__btn{position:absolute;font-weight:bold;font-size:.7em;left:-2px;bottom:100%;margin:0;padding:5px 10px;background:#fff;color:#020120;cursor:pointer;border-radius:10px 10px 0 0}#main #controls .controls__border--visible{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%)}