@import"https://fonts.googleapis.com/css2?family=Goldman:wght@400;700&family=Orbitron:wght@400..900&display=swap";body{min-height:80vh;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Goldman,sans-serif;font-size:30px;background:#ff6b6b;color:#f7fff7}h1{font-size:clamp(30px,8vw,50px);width:min(650px,90vw);text-shadow:2px 2px 4px rgba(0,0,0,.3);font-size:50px;text-align:center}.container{display:flex;justify-content:space-between;flex-wrap:wrap;width:min(510px,90vw);gap:10px;padding:5px}.box{text-align:center}.box *{padding:5px}#break-length,#session-length{width:40px;text-align:center;display:inline-block}.button:hover{cursor:pointer}#timer{text-align:center;width:min(500px,90vw);padding:10px;margin-top:30px}#timer *{padding:5px}.controls{margin:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-rotate-right.spin{animation:spin .5s ease-in-out}@media (max-width: 600px){.container{flex-direction:column;align-items:center}}