@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;700;900&display=swap);.tooltip-container{--tooltipBackground:#fff;--tooltipBorder:silver;background-color:var(--tooltipBackground);border:1px solid var(--tooltipBorder);border-radius:3px;box-shadow:0 2px 4px rgba(0,0,0,.18);color:#000;display:flex;flex-direction:column;padding:.4rem;transition:opacity .3s;z-index:9999}.tooltip-arrow,.tooltip-container[data-popper-interactive=false]{pointer-events:none}.tooltip-arrow{height:1rem;position:absolute;width:1rem}.tooltip-arrow:after,.tooltip-arrow:before{border-style:solid;content:"";display:block;height:0;margin:auto;width:0}.tooltip-arrow:after{position:absolute}.tooltip-container[data-popper-placement*=bottom] .tooltip-arrow{left:0;margin-top:-.4rem;top:0}.tooltip-container[data-popper-placement*=bottom] .tooltip-arrow:before{border-bottom-color:var(--tooltipBorder);border-left-color:transparent;border-right-color:transparent;border-top-color:transparent;border-width:0 .5rem .4rem;position:absolute;top:-1px}.tooltip-container[data-popper-placement*=bottom] .tooltip-arrow:after{border-bottom-color:var(--tooltipBackground);border-left-color:transparent;border-right-color:transparent;border-top-color:transparent;border-width:0 .5rem .4rem}.tooltip-container[data-popper-placement*=top] .tooltip-arrow{bottom:0;left:0;margin-bottom:-1rem}.tooltip-container[data-popper-placement*=top] .tooltip-arrow:before{border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;border-top-color:var(--tooltipBorder);border-width:.4rem .5rem 0;position:absolute;top:1px}.tooltip-container[data-popper-placement*=top] .tooltip-arrow:after{border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;border-top-color:var(--tooltipBackground);border-width:.4rem .5rem 0}.tooltip-container[data-popper-placement*=right] .tooltip-arrow{left:0;margin-left:-.7rem}.tooltip-container[data-popper-placement*=right] .tooltip-arrow:before{border-bottom-color:transparent;border-left-color:transparent;border-right-color:var(--tooltipBorder);border-top-color:transparent;border-width:.5rem .4rem .5rem 0}.tooltip-container[data-popper-placement*=right] .tooltip-arrow:after{border-bottom-color:transparent;border-left-color:transparent;border-right-color:var(--tooltipBackground);border-top-color:transparent;border-width:.5rem .4rem .5rem 0;left:6px;top:0}.tooltip-container[data-popper-placement*=left] .tooltip-arrow{margin-right:-.7rem;right:0}.tooltip-container[data-popper-placement*=left] .tooltip-arrow:before{border-bottom-color:transparent;border-left-color:var(--tooltipBorder);border-right-color:transparent;border-top-color:transparent;border-width:.5rem 0 .5rem .4em}.tooltip-container[data-popper-placement*=left] .tooltip-arrow:after{border-bottom-color:transparent;border-left-color:var(--tooltipBackground);border-right-color:transparent;border-top-color:transparent;border-width:.5rem 0 .5rem .4em;left:3px;top:0}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}body{background-color:#e0e0e0;display:grid;height:100vh;place-items:center;width:100vw}.timerContainer{background:#e0e0e0;border-radius:50px;box-shadow:20px 20px 60px #bebebe,-20px -20px 60px #fff;height:600px;width:500px}.header{color:#31456a;font-family:Comfortaa,cursive;font-size:35px;font-weight:700;margin-bottom:10px;padding:20px;text-align:center}.timer{align-items:center;background:#e0e0e0;border-radius:50%;box-shadow:20px 20px 60px #bebebe,-20px -20px 60px #fff;display:flex;height:280px;justify-content:center;margin:0 auto 30px;width:280px}.clockHands{align-items:center;display:flex;height:100%;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.clockHands,.hours{color:#31456a;font-family:Poppins,sans-serif;font-size:35px;font-weight:700}.hours{display:grid;place-items:center;width:55px}.minutes,.seconds{color:#31456a}.milliseconds,.minutes,.seconds{display:grid;font-family:Poppins,sans-serif;font-size:35px;font-weight:700;place-items:center;width:55px}.buttons{display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 auto;width:90%}.startButton{color:#00a86b}.startButton,.stopButton{background:#e0e0e0;border:none;border-radius:10px;box-shadow:7px 7px 10px #969696,-7px -7px 10px #fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:22px;font-weight:700;height:50px;margin:5px auto 15px;width:40%}.stopButton{color:#eb5757}.resetButton,.waitButton{background:#e0e0e0;border:none;border-radius:10px;box-shadow:7px 7px 10px #969696,-7px -7px 10px #fff;color:#31456a;cursor:pointer;font-family:Poppins,sans-serif;font-size:22px;font-weight:700;height:50px;margin:5px auto 15px;width:40%}.clicked{background:#e0e0e0;border-radius:10px;box-shadow:inset 7px 7px 10px #969696,inset -7px -7px 10px #fff}.tooltip-text{font-family:Poppins,sans-serif!important;font-size:20px!important;width:300px}@media screen and (max-width:400px){.timerContainer{margin:0 auto;width:300px}.header{font-size:25px}.timer{height:250px;width:250px}.clockHands,.hours,.milliseconds,.minutes,.seconds{font-size:25px}}@media screen and (min-width:401px) and (max-width:568px){.timerContainer{margin:0 auto;width:350px}.header{font-size:25px}.timer{height:250px;width:250px}.clockHands,.hours,.milliseconds,.minutes,.seconds{font-size:25px}}
/*# sourceMappingURL=main.c28ca184.css.map*/