.settings{position:fixed;top:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:flex;justify-content:space-around;align-items:center;align-content:center;flex-wrap:wrap}@media (max-width:900px){.settings{width:70vw;top:0}}@media (max-width:420px){.settings{width:100vw;right:0}}.settings .min,.settings .sec{width:50%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}@media (max-width:420px){.settings .min,.settings .sec{width:45%}}.settings .min p,.settings .sec p{width:50%;text-align:center}.settings .min .number,.settings .sec .number{font-size:40px;text-align:left}.settings .min button,.settings .sec button{width:26%;margin:0 2px}@media (max-width:420px){.settings .min button,.settings .sec button{width:33%;margin:0}}.settings .submit{width:34%;margin-top:10px}@media (max-width:900px){.settings .submit{margin-top:2px}}@media (max-width:420px){.settings .submit{width:45%}}.settings .submit:nth-of-type(2){color:red}@-webkit-keyframes alert{to{background-color:red;color:#fff}}@keyframes alert{to{background-color:red;color:#fff}}.settings button{padding:6px 10px;-webkit-transition:.2s linear;transition:.2s linear;text-transform:uppercase;letter-spacing:1px;font-weight:700;font-size:16px;background-color:#fff;border:2px solid #212624;border-radius:8px;cursor:pointer;margin:0 5px}.settings button:hover{background-color:#212624;color:#fff;border:2px solid #fff}.counter{position:fixed;top:300px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:red;font-size:60px}@media (max-width:1400px){.counter{top:auto;bottom:100px}}@media (max-width:900px){.counter{font-size:20px;top:auto;bottom:20px}}@media (max-width:420px){.counter{top:auto;bottom:150px}}@-webkit-keyframes blink{to{opacity:0}}@keyframes blink{to{opacity:0}}.alert{position:fixed;width:400px;height:200px;left:50%;top:200px;padding:10px;z-index:10;border:4px solid #fff;border-radius:8px;background-color:#212624;-webkit-transition:.3s linear;transition:.3s linear;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);-webkit-animation:slideDown .2s linear forwards;animation:slideDown .2s linear forwards;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}@media (max-width:420px){.alert{width:90vw}}@-webkit-keyframes slideDown{to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes slideDown{to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.alert h1,.alert p{width:100%;text-align:center}.alert button{padding:6px 10px;-webkit-transition:.2s linear;transition:.2s linear;text-transform:uppercase;letter-spacing:1px;font-weight:700;font-size:16px;background-color:#fff;border:2px solid #212624;border-radius:8px;cursor:pointer}.alert button:hover{background-color:#212624;color:#fff;border:2px solid #fff}*{margin:0;padding:0;box-sizing:border-box;outline:none}body{min-height:100vh;font-family:Blinker,sans-serif;color:#fff;background-color:#212624;overflow:hidden}.container{width:100vw;height:100vh;flex-wrap:wrap;align-content:center;overflow:hidden;font-size:30px;font-weight:700}.container,.container .timer{display:flex;justify-content:center;align-items:center}.container .timer{width:100%;margin-bottom:10px}@media (max-width:900px){.container .timer{margin-top:50px}}.container .timer h1{width:80px;font-size:60px;display:flex;justify-content:center;align-items:center}.container button{padding:6px 10px;-webkit-transition:.2s linear;transition:.2s linear;text-transform:uppercase;letter-spacing:1px;font-weight:700;font-size:16px;background-color:#fff;border:2px solid #212624;border-radius:8px;cursor:pointer;margin:0 5px}.container button:hover{background-color:#212624;color:#fff;border:2px solid #fff}.container .reset{color:red}.speaker{display:block;position:fixed;bottom:20px;left:20px;font-size:40px;display:flex;justify-content:space-between;align-items:center;width:100px;height:80px}.speaker .fas{width:50%}@-webkit-keyframes shake{to{-webkit-transform:scale(1.5);transform:scale(1.5);color:red}}@keyframes shake{to{-webkit-transform:scale(1.5);transform:scale(1.5);color:red}}.speaker audio{width:100px;height:50px}.speaker button{-webkit-transition:.2s linear;transition:.2s linear;text-transform:uppercase;letter-spacing:1px;font-weight:700;font-size:16px;background-color:#fff;border:2px solid #212624;border-radius:8px;cursor:pointer;margin:0;padding:0 5px;width:30px;height:30px;display:flex;justify-content:space-around;align-items:center}.speaker button:hover{background-color:#212624;color:#fff;border:2px solid #fff}.speaker button span{display:block;background-color:#212624;height:15px;width:4px;-webkit-transition:.3s linear;transition:.3s linear}.speaker button:hover span{background-color:#fff}@-webkit-keyframes shadow{to{box-shadow:0 0 40px 20px red}}@keyframes shadow{to{box-shadow:0 0 40px 20px red}}
/*# sourceMappingURL=main.ca1e206d.chunk.css.map */