@import url(https://fonts.cdnfonts.com/css/chalk);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(../../static/media/chalkboard.45ada70f877dc2e4880c.jpg);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--clr-white:#fff;--shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #f61e1e,0 0 82px #f61e1e,0 0 92px #f61e1e,0 0 102px #f61e1e,0 0 151px #f61e1e;--neon-shadow:0 0 0.2rem #fff,0 0 0.2rem #fff,0 0 2rem #fe7d13,0 0 0.8rem #fe7d13,0 0 2.8rem #fe7d13,inset 0 0 1.3rem #fe7d13;--myborder:0.2rem solid #fff;--container-height:75vh;--title-size:2rem}.bd-container{align-items:center;display:flex;justify-content:center}.container{height:75vh;height:var(--container-height);width:100vw}.container .board{height:500px;width:500px}.container .row{display:flex;height:33.3%;justify-content:space-between}.container .square{background:#3434341a;border:.2rem solid #fff;border:var(--myborder);border-radius:1.2rem;-webkit-border-radius:1.2rem;-moz-border-radius:1.2rem;-ms-border-radius:1.2rem;-o-border-radius:1.2rem;box-shadow:0 0 .2rem #fff,0 0 .2rem #fff,0 0 2rem #fe7d13,0 0 .8rem #fe7d13,0 0 2.8rem #fe7d13,inset 0 0 1.3rem #fe7d13;box-shadow:var(--neon-shadow);cursor:pointer;display:grid;font-size:5.4rem;margin:.3rem .4rem;padding:.4rem;place-items:center;text-shadow:0 0 4px #fff,0 0 10px #fff,0 0 18px #fff,0 0 38px #fa0,0 0 73px #fa0,0 0 80px #fa0,0 0 94px #fa0,0 0 140px #fa0;transition:3s;-webkit-transition:3s;-moz-transition:3s;-ms-transition:3s;-o-transition:3s;width:33%}.container .square:active{width:5%}.title{color:#fff;color:var(--clr-white);font-size:2rem;font-size:var(--title-size);padding-top:1rem;text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #f61e1e,0 0 82px #f61e1e,0 0 92px #f61e1e,0 0 102px #f61e1e,0 0 151px #f61e1e;text-shadow:var(--shadow);text-transform:uppercase}.reset__button,.title{font-family:Chalk,sans-serif}.reset__button{font-size:1.5rem;margin-top:2rem;text-align:center}.reset__button a{border:.2rem solid #fff;border:var(--myborder);border-radius:.2rem;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;-ms-border-radius:.2rem;-o-border-radius:.2rem;border-radius:2rem;box-shadow:0 0 .2rem #fff,0 0 .2rem #fff,0 0 2rem #fe7d13,0 0 .8rem #fe7d13,0 0 2.8rem #fe7d13,inset 0 0 1.3rem #fe7d13;box-shadow:var(--neon-shadow);color:#fff;color:var(--clr-white);padding:.5rem 1.8rem;text-decoration:none;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;width:100%}.reset__button a:hover{background-color:purple;color:#fff;color:var(--clr-white)}@media screen and (max-width:576px){:root{--container-height:65vh;--title-size:1.5rem}.container{height:75vh;height:var(--container-height);padding:0 2.5rem}.container .board{height:300px}.container .board .row{height:30%}.container .board .square{border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem}}
/*# sourceMappingURL=main.6a3cedfa.css.map*/