*{margin:0;padding:0}body{font-family:arial}.container{height:100vh}.App,.container{background:linear-gradient(90deg,#020024,#0059ff 100%,#090979 0)}.App{border-radius:20px;box-shadow:0 0 20px #00000080;height:92vh;margin:0 auto;padding-top:2rem;position:relative;width:40%}@media screen and (max-width:576px){.App{height:86vh;padding-top:10px;width:100%}}@media screen and (min-width:577px) and (max-width:800px){.App{width:80%}}@media screen and (min-width:800px) and (max-width:1000px){.App{width:55%}}@media screen and (min-width:1000px) and (max-width:1098px){.App{width:55%}}.time-display{background:#fff;border-radius:10px;box-shadow:0 0 20px #00000080;height:13vh;justify-content:center;margin:1rem auto;text-align:center;width:60%}.time-display h1{font-size:50px;font-weight:800}.time-display h1 b{padding-left:10px}@media screen and (max-width:330px){.time-display{height:11vh;margin:8px auto}}@media screen and (min-width:310px) and (max-width:440px){.time-display{width:85%}}.laps-container{color:#fff;height:calc(100vh - 350px);margin:0 auto;overflow-y:auto;padding-top:2rem}@media screen and (min-width:310px) and (max-width:440px){.laps-container{overflow-y:scroll;padding-top:.4rem}}.header-cell{grid-gap:10rem;border-bottom:1px solid red;display:grid;gap:10rem;grid-template-columns:repeat(2,1fr);margin:0 auto;padding:8px 1rem;text-align:center;width:65%}@media screen and (min-width:310px) and (max-width:440px){.header-cell{gap:4rem;width:75%}}@media screen and (min-width:410px) and (max-width:473px){.header-cell{gap:6rem;width:75%}}@media screen and (min-width:577px) and (max-width:700px){.header-cell{gap:7rem;width:75%}}@media screen and (min-width:701px) and (max-width:900px){.header-cell{gap:8rem;width:75%}}.lap-times{grid-template-columns:repeat(2,1fr);padding:8px 0}.btn-container,.lap-times{display:grid;text-align:center}.btn-container{grid-gap:4rem;bottom:0;gap:4rem;grid-template-columns:repeat(3,1fr);padding-top:350px;position:absolute;width:100%}@media screen and (max-width:320px){.btn-container{padding-top:300px}}.reset-btn button,.start-stop-btn button{border:none;border-radius:3px;color:#fff;font-size:18px;font-weight:700}.reset-btn button{background:none}.reset-btn button .icon{color:#000;color:#fff;font-weight:900;height:40px;width:35px}.start-stop-btn button{background:gold;border-radius:50%;box-shadow:0 0 20px #00000080;height:40px;width:40px}.start-stop-btn button .icon{height:25px;width:25px}
/*# sourceMappingURL=main.95ac7575.css.map*/