body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;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}.App{height:600px;width:100%}.navBar{height:20%;margin:10px auto 20px;width:80%}.navBar>nav{display:flex;gap:200px;height:90%;justify-content:space-around;margin:auto;width:70%}.navBar>nav>a{background-color:#000;color:#fff;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:1.5rem;height:30%;letter-spacing:2px;margin:auto;padding:10px;text-align:center;text-decoration:none;width:150px}.clock-box,.clockBody{height:80%;margin:auto;width:90%}.clock-box{display:flex;justify-content:space-between}.box{display:flex;height:100%;width:14%}.stick{border-bottom-left-radius:30px;border-bottom-right-radius:30px;height:15px;position:absolute;width:10%}#mid{border-radius:30px;margin-top:12%}#bottom{margin-top:24%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}#topleft,#topright{margin-top:6%}#bottomleft,#bottomright{margin-top:18%}#bottomleft,#topleft{margin-left:-5%;-webkit-transform:rotate(270deg);transform:rotate(270deg)}#bottomright,#topright{margin-left:5%;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.colon{color:#fff;height:100%;text-align:center;width:5%}.colon>p{font-size:9rem;margin-top:3%;position:absolute}.White{background-color:#fff}.Black{background-color:rgba(0,0,0,.5)}.Red{background-color:red}.classInput{display:flex;height:80%;justify-content:space-around;margin:auto;width:80%}.input{height:45%;margin-top:20%}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=range]{-webkit-appearance:textfield;appearance:textfield}form>input{border-radius:5px;font-size:1.5rem;height:50px;width:50px}form{color:#fff}form>button:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .2s ease}form>button{border-radius:5px;cursor:pointer;font-size:1.3rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 10px 10px 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.noDisplay{display:none}.display{display:flex}.stopWatchDivision{height:100%;width:100%}.home{height:85%}.buttons{display:flex;height:15%;justify-content:space-around;margin:20px auto auto;width:30%}.buttons>button{border-radius:50%;cursor:pointer;font-size:1rem;height:60px;width:60px}.buttons>button:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .2s ease}#start-btn{background-color:#014d01}#stop-btn{background-color:#6a0101}#reset-btn{background-color:#844901}.bottomLine{border-bottom:2px solid red;border-radius:0}@media screen and (max-width:1200px){.stick{height:15px}.colon>p{font-size:9rem}}@media screen and (max-width:1024px){.stick{height:10px}.colon>p{font-size:6rem}.clockBody{height:50%}}@media screen and (max-width:769px){.stick{height:6px}.colon>p{font-size:4rem}.navBar>nav>a{background-color:#000;color:#fff;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:1.2rem;height:25%;letter-spacing:1.5px;margin:auto;padding:5px;text-align:center;text-decoration:none;width:50px}.navBar{height:20%;margin:10px auto 20px;width:80%}.navBar>nav{gap:100px;height:90%;margin:auto;width:60%}.buttons,.navBar>nav{display:flex;justify-content:space-around}.buttons{height:15%;margin:0 auto auto;width:100%}.clockBody{height:39%}.buttons>button{border-radius:50%;cursor:pointer;font-size:4px;height:45px;width:45px}}@media screen and (max-width:481px){.stick{height:5px}.colon>p{font-size:3.3rem}.navBar>nav>a{background-color:#000;color:#fff;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:1rem;height:30%;letter-spacing:2px;margin:auto;padding:1px;text-align:center;text-decoration:none;width:100px}.navBar>nav{display:flex;gap:50px;height:90%;justify-content:space-around;margin:auto;width:60%}.clockBody{height:30%}.buttons>button{border-radius:5px;border-radius:50%;cursor:pointer;font-size:10px;height:40px;width:40px}}
/*# sourceMappingURL=main.50fff278.css.map*/