a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box}body,html{margin:0!important;padding:0!important;height:100%;width:100%;overflow:hidden}body{line-height:1;background-color:#202125;font-family:Nunito,sans-serif}:focus{outline:none}:root{--accent:#2fcc71}#inert{display:flex;flex-direction:row}#inert>canvas{position:absolute;top:0;left:0;z-index:1}#inert .controls{width:330px;padding:15px;z-index:2;background-color:rgba(52,52,52,.5);color:#a5a5a5;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);margin:15px;border-radius:5px}#inert .controls .accent{color:var(--accent)}#inert .controls hr{display:block;height:1px;border:0;border-top:1px solid #575757;margin:1em 0;padding:0}#inert .controls h1{text-transform:uppercase;text-align:center;font-size:2.5em;font-weight:300;margin-top:30px}#inert .controls h1:after,#inert .controls h1:before{content:" - ";color:var(--accent)}#inert .controls .subtitle{text-align:center;margin-top:10px;margin-bottom:30px}#inert .controls .info{font-size:18px}#inert .controls table.table5050{width:100%;padding:0}#inert .controls table.table5050 tr{padding:0}#inert .controls table.table5050 tr td{padding:0 5px;width:50%}#inert .controls table.table5050 tr td:first-child{text-align:right}#inert .controls .towers #towers-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center}#inert .controls .towers #towers-wrapper canvas{border:1px solid #575757;border-right-width:0;cursor:pointer}#inert .controls .towers #towers-wrapper canvas:hover{background-color:rgba(52,52,52,.8)}#inert .controls .towers #towers-wrapper canvas:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}#inert .controls .towers #towers-wrapper canvas:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;border-right-width:1px}#inert .controls .towers #towers-stats .title{text-align:center;font-size:18px;margin-top:10px}#inert .controls .towers #towers-stats .description{text-align:justify;margin:15px 0}#inert .controls footer{text-align:center;font-size:14px}#inert .controls footer>div{margin:3px 0}#inert .controls footer .code a,#inert .controls footer .code span{vertical-align:middle;display:inline-block}#inert .controls footer a{text-decoration:none;color:var(--accent);transition:all .2s ease;border-bottom:1px dashed transparent}#inert .controls footer a svg{height:20px;fill:var(--accent);margin:0 5px}#inert .controls footer a:hover{border-bottom-color:var(--accent)}#inert .controls .spawner{color:var(--accent);text-decoration:none;padding:2px 5px;border-radius:4px}#inert .controls .spawner.active,#inert .controls .spawner:hover{background-color:var(--accent);color:#202125}#inert #snackbar{opacity:0;background-color:#454545;color:#fff;text-align:center;border-radius:5px;padding:16px 30px;position:fixed;z-index:3;left:50%;transform:translate(-50%);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}#inert #snackbar.show{opacity:1;animation:fadein .5s;top:30px}#inert #snackbar.hide{animation:fadeout .5s;top:-100px}@keyframes fadein{0%{top:-30px;opacity:0}to{top:30px;opacity:1}}@keyframes fadeout{0%{top:30px;opacity:1}to{top:-100px;opacity:0}}#inert #game-over{position:absolute;top:50%;transform:translateY(-50%);left:0;color:var(--accent);z-index:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;padding:50px 0;transition:opacity .5s ease;background-color:rgba(52,52,52,.5);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}#inert #game-over.visible{opacity:1;z-index:3}#inert #game-over .description{font-size:45px;padding-bottom:30px}#inert #game-over button{text-transform:uppercase;padding:10px 20px;background-color:initial;border:1px solid #a5a5a5;border-radius:50px;color:#a5a5a5;cursor:pointer;transition:all .2s ease}#inert #game-over button:hover{color:var(--accent);border-color:var(--accent)}
/*# sourceMappingURL=/styles.064bd502.css.map */