:root{--colorB: black;--colorW: white;--colorG: rgb(20, 232, 20);--colorM: rgb(141, 1, 1);--colorGrey: rgb(192, 181, 181);--colorLB: rgba(47, 46, 46, .745);--colorLO: rgba(255, 196, 18, .867)}*,*:after,*:before{box-sizing:border-box}body{padding:0;margin:0}.main-container-relative{width:70px;height:40px;position:absolute;right:10%;top:5%;display:flex;justify-content:center;padding:0;margin:0;background-color:inherit}.wrapper{width:100%;height:80%;position:absolute;display:flex;justify-content:center;align-items:center;top:8%;left:8%;padding:0;margin:0;background-color:inherit}.design{border:1px solid var(--colorW);width:100%;height:100%;border-radius:20px;background-color:#ffffffca;z-index:10;position:relative;font-size:1.2rem;font-family:sans-serif;font-weight:700;text-align:center;color:var(--colorLB);display:flex;align-items:center;justify-content:center}.togglebtn{width:25px;height:25px;position:absolute;display:flex;align-items:center;justify-content:center;flex-flow:row wrap;left:-5%;border-radius:50%;background-color:var(--colorW);border:1px solid var(--colorW);transition:left 1s;cursor:pointer}.fa-solid{font-size:1.2rem}.day{color:var(--colorLO)}.night{color:var(--colorG)}.App{background-color:var(--colorB);color:var(--colorW);height:100vh}.background-logos{position:absolute;top:25%;left:10%;width:80%;height:60%;padding:0;margin:0;animation:backgroundimage 2s linear 1;background-color:transparent;background-image:url(/assets/woddentimer.0cf4ccff.png);background-size:contain;background-position:50% 50%;opacity:.4;background-repeat:no-repeat;z-index:100}@keyframes backgroundimage{0%{left:-100%}to{left:10%}}.current-time{font-size:2rem;font-family:Georgia,Times New Roman,Times,serif}.time-container{position:sticky;top:15px;animation:time 2s linear 1;margin-left:15px}@keyframes time{0%{top:-10%;opacity:0}to{top:15px;opacity:1}}.stopwatch-container{padding:1rem}.lapContainer{height:60vh;overflow-y:auto}.lapGridContainer{position:relative;display:grid;grid-template-columns:repeat(3,1fr);column-gap:1rem;grid-template-rows:60px 1fr;justify-items:center;font-weight:700;font-size:1.2rem;z-index:1000}.header{grid-row:1/span 1;border-bottom:2px solid grey;width:100%;height:83%;vertical-align:bottom;text-align:center}.time{grid-row:2/span 1}.time p{height:50px;text-align:center}.left{grid-column:1/span 1}.middle{grid-column:2/span 1}.right{grid-column:3/span 1}.stopwatchContainer{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.stopwatchContainer h1{font-size:2.5rem}.lapGridContainer h3,p{margin-left:0;padding-left:0}.stopwatchContainer p{font-size:1.5rem}.buttonHolder div{margin-top:2rem;display:flex;flex-flow:row nowrap;justify-content:space-between;width:95%;position:fixed;bottom:2%;right:2.5%}.minilap{width:100%;display:flex;justify-content:center;flex-wrap:nowrap;height:40px}.minilap p{padding:0;margin:0}.stopwatchButtons{width:35%;font-size:1.5rem;font-weight:700;font-family:Verdana,Geneva,Tahoma,sans-serif;padding:1rem;border-radius:35px;border:none;background-color:var(--colorG)}.stopbtn{background-color:var(--colorM)}.lapbtn{background-color:var(--colorGrey)}input{visibility:hidden}@media (min-width: 450px){.lapContainer{height:45vh}}