@import"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;600&display=swap";html{padding:0 15%}body{background-color:#e8ff01;color:#1d222d;font-family:Inter,sans-serif}h1{font-size:2.75em;font-weight:400;margin:1em 0 0;text-align:left}.navbar{align-items:baseline;display:flex;flex-direction:row}hr{background:#1d222d;border:0;height:1px}h2{font-size:14px;font-weight:400;letter-spacing:.05em;text-align:left;text-transform:uppercase}.app{max-width:70%}.timer{font-size:16em;font-weight:400}.minutes,.seconds{height:.9em;letter-spacing:-.04em;margin:0 20px 0 -15px}.minutes-text,.seconds-text{font-size:.088em;font-weight:400;letter-spacing:-.04em}button{background-color:transparent;border:1px solid #1d222d;border-radius:10em;box-shadow:0 0 #1d222d;color:#1d222d;cursor:pointer;font-size:1em;font-family:Inter,sans-serif;margin:0 13px 0 0;padding:1em 2em;text-transform:lowercase;transition:all .1s ease-in-out}button:hover{background-color:#e8ff01;box-shadow:1px 5px #1d222d;transform:translateY(-4px) translate(-2px)}button:active{box-shadow:0 0 #1d222d;transform:translateY(2px) translate(1px)}.paragraph-text{margin-top:5%;text-align:left}.footer{font-size:.7em;margin-top:5%;text-align:left}.footer a{color:#1d222d;font-weight:600;text-transform:uppercase}@media screen and (max-width: 375px){html{padding:0 5%;transition:ease all .5s}.app{max-width:100%}.minutes,.seconds{display:flex;flex-direction:row;height:.8em;letter-spacing:-.04em;margin-left:-15px}.minutes-text,.seconds-text{font-size:.088em;font-weight:400;letter-spacing:-.04em;margin-top:15.9%}.minutes-text{margin-left:3%}.seconds-text{margin-left:-.03%}.buttons{margin-top:80px}.paragraph-text{margin-top:30px;text-align:left}.footer{font-size:.7em;margin-top:10%;margin-bottom:25px;text-align:left}}