:root{line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:linear-gradient(145deg,#242424,#0c0c0c);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:default}*{margin:0;padding:0;box-sizing:border-box}body{width:100vw;height:100dvh}.google-sans-code{font-family:Google Sans Code,monospace;font-optical-sizing:auto;font-style:normal}.hero{width:100%;height:100dvh;display:flex;flex-direction:column}.hero nav{height:50px;display:flex;justify-content:space-between;align-items:center;padding:10px}.hero nav span{display:flex;align-items:center;font-size:1.2rem;gap:10px;color:#ffffff40;font-weight:500}.hero nav svg{fill:#ffffff40;transition:transform .3s ease-in-out,fill .3s ease-in-out}.hero nav svg:hover{cursor:pointer;fill:#fff;transform:rotate(180deg)}.minutes-counter{display:flex;border:1px solid rgba(255,255,255,.25)}.minutes-counter span{padding:0 5px}.minutes-counter span:last-of-type{color:#0c0c0c;background-color:#ffffff40}.full-wrapper{display:grid;place-items:center;height:90%}.progress-bar-wrapper{height:100px;width:500px;border:1px solid white;padding:10px;box-shadow:0 0 2.5px #ffffff80;margin-bottom:40px}.progress-bar{height:100%;width:100%;background-color:#73737326;box-shadow:0 0 5px #00000040;display:grid;place-items:center;position:relative}.progress-bar p{text-shadow:0 0 5px rgba(0,0,0,.5);font-size:2rem;font-weight:500;z-index:5}.progress{height:100%;background:linear-gradient(90deg,#0080ff,#0091ff,#00a2ff,#0091ff,#0080ff);background-size:200% 100%;animation:slideGradient 4s linear infinite;box-shadow:0 0 5px #0091ff;position:absolute;left:0%}@keyframes slideGradient{0%{background-position:200% 0%}to{background-position:0% 0%}}.backToBlue{animation:backToBlue 5s}@keyframes backToBlue{0%{color:#1e90ff}25%,75%{color:#dc143c}to{color:#1e90ff}}.blinker{animation:blinker 1s infinite}@keyframes blinker{0%{opacity:0%}50%{opacity:100%}to{opacity:0%}}@media screen and (max-width: 550px){.progress-bar-wrapper{height:80px;width:calc(100vw - 50px);border:1px solid white;padding:10px}}