.settings-container{align-items:center;display:flex;flex-direction:row;gap:25px;justify-content:center;margin-top:10%}.input-group{align-items:center;display:flex;flex-direction:column;margin-bottom:15px;text-align:center}input{background-color:#0c0e1b;border:none;border-radius:50%;font-size:20px;height:100px;margin-top:5px;padding:10px;text-align:center;width:100px}input,label{color:#c9cce9}label{margin-bottom:5px;margin-top:10px}.button-group{text-align:center}#set{background-color:#0c0e1b;border:none;border-radius:40px;color:#c9cce9;cursor:pointer;margin-left:46%;margin-top:3%;padding:10px 20px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media only screen and (max-width:768px){.settings-container{flex-direction:column;margin-top:5%}#set{margin-left:43%;margin-right:auto;margin-top:40px}.input-group{margin-top:60px}}@media only screen and (max-width:480px){input{font-size:16px;height:80px;width:80px}.input-group{margin-top:20px}#set{margin-left:38%}}@media only screen and (min-width:768px) and (max-width:1024px){.settings-container{flex-direction:row;margin-top:5%}#set{margin-left:43%;margin-right:auto;margin-top:40px}.input-group{margin-top:60px}}.timer-container{text-align:center}.countdown-timer{background-color:#151932;font-size:2.5rem;height:200px;left:42%;margin-bottom:3%;margin-top:3%;position:relative;width:200px}.countdown-shadow,.countdown-timer{border-radius:50%;box-shadow:12px 12px 20px #00000080}.countdown-shadow{height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}.button-container{align-items:center;background:#0c0e1b;border-radius:40px;display:flex;justify-content:center;margin-left:35%;margin-top:8%;width:30%}button{background:#0c0e1b;border:none;border-radius:40px;color:#c9cce9;cursor:pointer;font-size:1rem;height:33px;line-height:1;margin:5px;outline:none;padding:10px}button:focus{background:#fe6f6b;color:#000}.start-pause-buttons{display:flex;justify-content:center;margin-top:20px}.pause-button{width:100px}.start-button{width:150px}.pause-button:disabled,.start-button:disabled{background-color:#95a5a6;color:#000;cursor:not-allowed}.start-button:hover{background-color:#27ae60;color:#c9cce9}.pause-button:hover{background-color:#c0392b;color:#c9cce9}@media only screen and (max-width:768px){.button-container{margin-left:15%;margin-top:15%;width:70%}.countdown-timer{margin-bottom:80px;margin-left:-50px;margin-top:80px}}@media only screen and (max-width:480px){.countdown-timer{font-size:2rem;height:200px;margin-bottom:60px;margin-left:-90px;margin-top:80px;width:200px}.button-container{margin-left:5%;margin-top:25%;width:90%}button{font-size:.8rem;height:28px;line-height:1;margin-bottom:20px}}@media only screen and (min-width:769px) and (max-width:1024px){.button-container{margin-left:25%;margin-top:15%;width:50%}.countdown-timer{font-size:2rem;height:200px;margin-bottom:80px;margin-left:-50px;margin-top:80px;width:200px}}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}body{background:#1e2041;color:#c9ccea;min-height:100vh;min-width:100vw;overflow:hidden;position:relative}#settings-button{border:none;border-radius:40px;cursor:pointer;height:33px;line-height:0px;outline:none}#settings-button:focus{background:#0c0e1b;color:#c9ccea}body:after,body:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}body:before{animation:ripple1 3s linear infinite;background:radial-gradient(circle at 50% 50%,#0000 10%,#ffffff1a 20%,#0000 30%)}body:after{animation:ripple2 3s linear infinite;background:radial-gradient(circle at 50% 50%,#0000 20%,#fff3 40%,#0000 50%)}@keyframes ripple1{0%{opacity:.2;transform:scale(.8)}to{opacity:0;transform:scale(2)}}@keyframes ripple2{0%{opacity:.1;transform:scale(.8)}to{opacity:0;transform:scale(2)}}.heading{align-items:center;display:flex;flex-direction:column;justify-content:center;transform:translateY(100%)}h1{font-size:2em;margin-bottom:8px}h1,small{color:#c9ccea}small{font-size:.8em}@media only screen and (max-width:768px){#settings-button{transform:translate(450%,-1180%)}}@media only screen and (max-width:480px){#settings-button{transform:translate(200%,-1080%)}.heading{transform:translateY(50%)}}@media only screen and (min-width:769px) and (max-width:1024px){#settings-button{transform:translate(450%,-1180%)}}
/*# sourceMappingURL=main.9b7d8683.css.map*/