*{box-sizing:border-box;font-family:Righteous,sans-serif;margin:0;padding:0}body{background:#1a2b33;min-height:100dvh}.startScreen{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;width:100%}.spans{color:#32c3bd;font-size:40px;font-weight:900;& span{color:#f1b038}}.picker{background:#1e3640;border-radius:10px;box-shadow:0 19px 38px #0000004d,0 15px 12px #00000038;margin:30px 0;padding:20px 10px;text-align:center;transition:all .5s;&:hover{transform:scale(1.05)}& .pick,.remember{font-size:15px;font-weight:200}& .pick{color:#a9bec9}& .remember{color:#506771}}& .selector{background:#1a2b33;border-radius:10px;display:flex;justify-content:space-evenly;margin:10px 0;transition:all .5s;& .select{border-radius:10px;color:#a9bec9;cursor:pointer;font-size:35px;font-weight:700;margin:5px;padding:0 80px 8px;width:90%}& .active{background:#a9bec9;color:#1a2b33}}.buts{display:flex;flex-direction:column;gap:20px;width:100%}button{border:none;border-radius:5px;box-shadow:" rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset";color:#1a2b33;cursor:pointer;font-size:20px;font-weight:700;transition:all .5s;& div{font-size:12px}&:hover{transform:scale(1.1)}}.box-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr;margin:20px 0}.box{background:#1e3640;border-radius:10px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;cursor:pointer;font-size:40px;font-weight:900;height:80px;justify-content:center;width:80px}.box,.but-container,.page{align-items:center;display:flex}.but-container,.page{justify-content:space-between}.turn{background:#1e3640;border-radius:5px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;color:#506771;font-size:12px;padding:6px;text-align:center;width:80px;& span{color:#a9bec9;font-weight:900}}.overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0000004d;height:100%;position:fixed;top:0;width:100%}.child{background:#1e3640;border-radius:10px;left:25%;padding:30px;position:fixed;right:30%;top:40%;width:50%;z-index:10}.confirmBut,.confirmButtons{display:flex;gap:10px}.confirmText{font-size:30px;font-weight:900;@media (min-width:550px){font-size:60px}& span{font-size:15px;font-weight:900;@media (min-width:550px){font-size:25px;left:-8px}bottom:5px;left:8px;position:relative}}.restart{font-size:18px;@media (min-width:550px){font-size:25px}font-weight:700;margin-bottom:10px}.p,.restart{color:#a9bec9}.p{font-size:15px;font-weight:200}.confirm{align-items:center;display:flex;flex-direction:column}.loader{font-family:helvetica,arial,sans-serif;font-size:30px;font-weight:900;height:50px;left:50%;letter-spacing:.2em;line-height:50px;position:absolute;text-align:center;text-transform:uppercase;top:45%;transform:translate(-50%,-50%);width:250px;& .tic{color:#32c3bd}& .tac{color:#f1b038}& .toe{color:#a9bec9}}
/*# sourceMappingURL=main.c091831a.css.map*/