@import url(https://fonts.googleapis.com/css2?family=Raleway&family=Rubik+Bubbles&family=Rubik+Moonrocks&display=swap);*{margin:0;padding:0}:root{--box-shadow:rgba(50,50,93,.25) 0px 50px 100px -20px,rgba(0,0,0,.3) 0px 30px 60px -30px,rgba(10,37,64,.35) 0px -2px 6px 0px inset;--text-shadow:1px 1px 2px red,0 0 1em blue,0 0 0.2em blue;--background-shadow:5px 5px 15px #d1d9e6,-5px -5px 15px #fff}body{color:#fff;font-family:Rubik Moonrocks,cursive;margin:0 auto;max-width:1900px;text-align:center;text-shadow:1px 1px 2px red,0 0 1em blue,0 0 .2em blue;text-shadow:var(--text-shadow)}span{font-weight:900}.container{align-items:center;background:#fff;background-size:cover;display:flex;flex-direction:column;gap:2rem;height:100vh;position:relative;text-align:center}h1{font-size:3rem}.buttons-container{background:linear-gradient(145deg,#e2e8ec,#fff);border-radius:15px;box-shadow:5px 5px 15px #d1d9e6,-5px -5px 15px #fff;box-shadow:var(--background-shadow);padding:0 3rem 4rem}#author{font-size:2rem;margin-top:3rem}#speed-game{padding:4rem 0 1rem}#title,.gamearea>h2{color:#fff}#score{font-size:2rem}.circles{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);justify-items:center;margin:0 auto;padding:2rem}.circle{align-items:center;border-radius:50%;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35);box-shadow:var(--box-shadow);cursor:pointer;display:flex;flex-direction:row wrap;height:150px;justify-content:center;width:150px}.circle.active{background-color:#fff225;background:url(/static/media/Shiba.0d870f7824860558136d.png);background-position:50%;background-size:230px}button{background-color:#f3f3f3;border:none;border-radius:5px;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35);box-shadow:var(--box-shadow);cursor:pointer;font-family:inherit;font-size:inherit;margin:1rem;padding:.5rem 1rem;width:7rem}button:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.overlay{background:rgba(0,0,0,.8);height:100%;left:0;position:fixed;top:0;width:100%}.modal,.overlay{align-items:center;display:grid;justify-items:center}.modal{background:linear-gradient(145deg,#e2e8ec,#fff);border-radius:15px;min-height:30%;padding:1rem;position:relative;width:40%}.modal button{background-color:initial;position:absolute;right:0;top:0;width:3rem}#result{font-size:1.5rem}#stop{display:none}.back-button{bottom:0;left:0;position:absolute}.startHidden,.stopHidden{display:none}.start,.stop{display:inline-block}footer{bottom:0;color:#000;font-family:Raleway;margin-bottom:.5rem;position:absolute;text-shadow:none;width:100%}@media (max-width:976px){.container{background-position:25% 75%;justify-content:center}}@media (max-width:575px){h1{font-size:36px}.container{height:100vh;width:auto}#author{margin-top:0}#speed-game{padding:0 0 1rem}.buttons-container{display:flex;flex-direction:column;padding-top:2rem;width:70%}.circles{gap:1rem;grid-template-columns:repeat(2,1fr)!important;padding-bottom:1rem}.circle{height:100px;width:100px}.circle.active{background-size:150px}.modal{width:90%}.back-button{bottom:10px;width:6rem}footer>h5{font-size:.6rem}}
/*# sourceMappingURL=main.e046b57d.css.map*/