@import"https://fonts.googleapis.com/css2?family=Krona+One&display=swap";body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{color:#fff}#App{height:100vh;background-color:#191d43;font-family:Krona One,sans-serif;margin:0;padding:0}button{background-color:#0759ff;border-radius:.6em;-webkit-border-radius:.6em;-moz-border-radius:.6em;-ms-border-radius:.6em;-o-border-radius:.6em;border:.1em solid #191D43;padding:1em;font-weight:700}.tabs{display:flex;flex-direction:column;align-items:center}.tab-list{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.tab-button{padding:10px 20px;border:none;background:#0759ff;border-radius:20px;cursor:pointer;transition:background-color .3s}.tab-button.active{background-color:#258eff;color:#fff}.tab-button:hover{background-color:#0056b3;color:#fff}.tab-content{width:100%;max-width:800px;margin:0 auto}h1{font-family:Krona One;color:#fff;font-size:48px;text-align:center;margin-top:.5em;font-weight:lighter}h2{font-family:Korna One;font-weight:700;color:#fff;font-size:20px;text-align:center}.timer{background-color:#191d43;padding:20px;text-align:center;font-family:Arial,sans-serif;height:100%}.timer-setter{margin-bottom:20px}.input-group{background:none;color:gray;display:flex;justify-content:center;align-items:center}.input-group input{background-color:#191d43;color:#fff;border-radius:10px;width:50px;margin:0 2px;padding:5px;text-align:center;font-size:1em}.input-group button{font-weight:700;font-family:Korna One;border-radius:10px;padding:8px 15px;margin-left:10px;font-size:1em;background-color:#0056b3;color:#fff;border:none;cursor:pointer}.timer-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.timer-card{align-items:center;border:#ffffff solid 2px;background-color:#0056b3;border-radius:5px;padding:10px;width:max-content;height:10em;box-shadow:0 2px 4px #0000001a}.time-display{vertical-align:middle;font-size:1.5em;margin-bottom:10px;cursor:pointer}.timer-buttons{display:flex;justify-content:space-around;margin-top:10px}.timer-buttons button{padding:8px 15px;font-size:.9em;background-color:#107ff7;color:#fff;border:none;cursor:pointer}.timer-buttons button:hover{background-color:#0056b3}.audio-controls{display:flex;justify-content:center;margin-top:20px}p{color:#fff}.alarm-container{padding:20px;display:flex;flex-direction:column;align-items:center}.alarm-setter{text-align:center;border-radius:8px;color:#191d43;display:flex;align-items:center;gap:10px;padding:10px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.alarm-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:20px;width:100%}.alarm-card{display:flex;flex-direction:column;align-items:center;border:1px solid #ccc;padding:10px;border-radius:5px;background:#0056b3;color:#fff}.alarm-card.ringing{border:2px solid red}.alarm-card button{margin-top:5px}input{border:.1em solid white;border-radius:.5em}