*{color:#e4dedd}body{background-color:#06231f}.app,.calculator{display:flex;flex-direction:column;align-items:center}.calculator{gap:3vh;margin:auto}h1{font-size:10vh;text-align:center}button{border:none;background:transparent;color:#748d88;font-size:25vh;text-shadow:.25vh .25vh #495A54}div.cycles{display:flex;flex-direction:row;justify-items:center;gap:5vw}span.cycles{font-size:7.5vh}span.center{display:inline-flex;flex-direction:column;align-items:center;font-size:2.3vh;white-space:nowrap}@keyframes abc{0%{color:#7d1224;text-shadow:#590D1A}50%{color:#bfac22;text-shadow:#9C8D1C}to{color:#408c5c;text-shadow:#3A7E4D}}.cycles .num h1{font-size:10vw}.cycles .num div.cycles{flex-direction:column-reverse;gap:0;margin-bottom:10vh}.cycles .num button{font-size:25vw;text-shadow:.25vw .25vw;line-height:40%}.cycles .num{font-size:20vh;font-weight:bolder;text-shadow:.25vh .25vh;animation:101s linear calc(-1s * var(--enough)) paused abc}.duration .num{font-size:6.25vh;font-weight:700;text-shadow:.1vh .1vh}.result .num{font-size:3.75vh;font-weight:700;text-shadow:.1vh .1vh;justify-self:center}@media not (min-aspect-ratio:.7){html,body,.container,.app{width:100%;height:100%;margin:0}h1{font-size:10vw}div.cycles{flex-direction:column-reverse;gap:0}button{font-size:50vw;text-shadow:.25vw .25vw;line-height:40%}span.cycles{font-size:15vw}span.center{font-size:4.6vw}.cycles .num{font-size:40vw;text-shadow:.5vw .5vw}.duration .num{font-size:12.5vw;text-shadow:.2vw .2vw}.result .num{font-size:7.5vw;text-shadow:.2vw .2vw}}