*{box-sizing:border-box}body{background-color:#000;margin:0;font-family:"Permanent Marker",cursive;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app{display:flex;flex-direction:column;text-align:center;color:#d81636;margin:0}.app h1{margin-top:0;font-size:5rem}.buttons{display:flex;justify-content:center}.options{padding-right:16%}.about,.options{display:flex;align-content:center;font-size:1.8rem}.about{padding-left:16%;padding-right:3%}@media (max-width:1200px){.about,.options{display:none}}.button{font-family:"Permanent Marker",cursive;background-color:transparent;color:#d81636;border-radius:3px;font-size:1.8rem;padding:0 1%;margin:0 2%;border:none}.button:hover{background:#d81636;transition:.6s;color:#fff}.gridWrapper{display:flex;justify-content:space-between}@media (max-width:667px){.gridWrapper{flex-direction:column;justify-content:center}}@media (max-width:1200px){.gridWrapper{flex-direction:column;justify-content:center}}.theGrid{background-color:rgba(0,0,0,.6);padding:2%;display:flex;justify-content:center;border-radius:5px}.gridsquare{box-shadow:1px 5px 5px rgba(63,3,3,.6)}.backpic{background-image:url(/static/media/curvedwhite.f4af9ed2.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100vh}@media (max-width:1200px){.backpic{height:auto}}.leftBar{font-size:1.8rem;margin-left:1%}.leftBar,.rightBar{text-align:left;width:20%;opacity:0}.rightBar{font-size:1rem;margin-right:1%;padding-left:1%;color:#fff}@media (max-width:1200px){.leftBar,.rightBar{background-color:rgba(0,0,0,.8);box-shadow:0 0 15px rgba(63,3,3,.6);border-radius:5px;transition:.6s;opacity:1;width:100%;margin:0}}.active{display:flex;flex-direction:column;justify-content:center;align-items:center}.color select,.speed select{font-family:"Permanent Marker",cursive;border:none;font-size:1.8rem;padding:5%;background-color:transparent;color:#d81636;border-radius:5px}.color select option,.leftBar:hover,.rightBar:hover,.speed select option{background-color:rgba(0,0,0,.8)}.leftBar:hover,.rightBar:hover{box-shadow:0 0 15px rgba(63,3,3,.6);border-radius:5px;transition:.6s;opacity:1}
/*# sourceMappingURL=main.2ce4b17f.chunk.css.map */