body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Control-Buttons{box-sizing:border-box;justify-content:center;margin:3rem 0;width:100%}.Control-Buttons,.btn-grp{align-items:center;display:flex}.btn-grp{justify-content:space-around}.btn{align-items:center;border-radius:14px;box-shadow:inset 2px 2px 5px hsla(30,6%,58%,.5),1px 1px 5px #fff;color:#f5f5f5;cursor:pointer;display:flex;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:20px;font-weight:900;height:7vh;justify-content:center;margin:0 6px;text-shadow:1px 1px 1px #919191,1px 10px 1px hsla(0,0%,6%,.2),1px 25px 35px hsla(0,0%,6%,.2);width:10vw}.btn-one{background-color:#fd0a0a;box-shadow:inset 0 -23px 25px 0 rgba(0,0,0,.17),inset 0 -36px 30px 0 rgba(0,0,0,.15),inset 0 -79px 40px 0 rgba(0,0,0,.1),0 2px 1px rgba(0,0,0,.06),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09)}.timer{align-items:center;display:flex;height:12%;justify-content:center;margin:3rem 0 -.5rem;width:100%}.digits{color:#f5f5f5;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:3rem}.mili-sec{color:#e42a2a}.stop-watch{align-items:center;background-color:#cadce2;border-radius:30%;box-shadow:inset 2px 2px 5px hsla(30,6%,58%,.5),1px 1px 5px #fff;display:flex;flex-direction:column;height:85vh;justify-content:space-evenly;text-shadow:1px 1px 1px #919191,1px 2px 1px #919191,1px 3px 1px #919191,1px 10px 1px #919191,1px 18px 6px hsla(0,0%,6%,.4),1px 22px 10px hsla(0,0%,6%,.2),1px 25px 35px hsla(0,0%,6%,.2);width:30vw}@media only screen and (max-width:450px){.btn{display:flex;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:15px;font-weight:900;height:6vh;width:25vw}.stop-watch{align-items:center;background-color:#add8e6;height:35vh;justify-content:space-evenly;width:60vw}.timer>span{font-size:30px}}@media (min-width:450px) and (max-width:800px){.btn{display:flex;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:20px;font-weight:900;height:6vh;width:20vw}.stop-watch{align-items:center;background-color:#d3e1e6;height:45vh;justify-content:space-evenly;width:50vw}.timer>span{font-size:35px}}.App{align-items:center;background-color:hsla(0,5%,83%,.801);display:flex;flex-direction:column;font-family:sans-serif;height:80vh;justify-content:center;padding:0 2rem 5rem;text-align:center;width:94.5vw}.App>h1{color:#121212;color:#f5f5f5;font-family:verdana;font-size:6em;font-weight:900;text-shadow:1px 1px 1px #919191,1px 2px 1px #919191,1px 3px 1px #919191,1px 4px 1px #919191,1px 5px 1px #919191,1px 6px 1px #919191,1px 7px 1px #919191,1px 8px 1px #919191,1px 9px 1px #919191,1px 10px 1px #919191,1px 18px 6px hsla(0,0%,6%,.4),1px 22px 10px hsla(0,0%,6%,.2),1px 25px 35px hsla(0,0%,6%,.2),1px 30px 60px hsla(0,0%,6%,.4);text-transform:uppercase}@media only screen and (max-width:450px){.App>h1{font-size:3em;font-weight:900}}@media (min-width:450px) and (max-width:800px){.App>h1{font-size:4em;font-weight:900}}
/*# sourceMappingURL=main.3f749836.css.map*/