@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{font-family:Arial,sans-serif;height:100%;margin:0}.app{color:#fff;height:100vh;overflow:hidden;position:relative;text-shadow:2px 2px 6px #000c}.background{background-position:50%;background-size:cover;height:100%;left:0;object-fit:cover;position:fixed;top:0;transition:background-image .3s ease,opacity .3s ease;width:100%;z-index:-1}.content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:10px;position:relative;text-align:center;z-index:2}.clock{font-size:4.5rem;margin:0 0 18px;text-shadow:3px 3px 12px #000000b3}.pixel-card{background:#0009;border:4px solid #3b2f1c;border-radius:0;box-shadow:4px 4px 0 #1a140c,8px 8px 0 #000;font-family:Press Start\ 2P,cursive;padding:18px}.time-display{background:#222;border:3px solid #555;color:#0f0;display:inline-block;font-size:24px;letter-spacing:2px;margin-bottom:14px;padding:12px 16px}.inputs{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:12px}.pixel-label{display:flex;flex-direction:column;font-size:10px;gap:6px}.pixel-input{background:#c4a484;border:3px solid #8b6f47;color:#000;outline:none;padding:8px 10px;text-align:center;width:90px}.pixel-btn,.pixel-input{font-family:Press Start\ 2P,cursive;font-size:12px}.pixel-btn{background:#5c913b;border:3px solid #3e6b28;box-shadow:2px 2px 0 #2c4b1f;color:#fff;cursor:pointer;padding:8px 12px;transition:transform .1s ease-in-out,filter .15s ease}.pixel-btn:hover{filter:brightness(1.05)}.pixel-btn:active{box-shadow:0 0 0 #2c4b1f;transform:translateY(2px)}.pixel-btn.red{background:#b33939;border-color:#7a2626}.pixel-btn.green{background:#5c913b;border-color:#3e6b28}.btn-row{gap:10px}.btn-row,.theme-selector{display:flex;justify-content:center}.theme-selector{flex-wrap:wrap;gap:8px;margin-top:16px;max-width:90%}.theme-selector .pixel-btn{flex:1 1 auto;min-width:100px;text-align:center}.theme-selector .pixel-btn.active{background:#ffe166;border-color:#a8922f;color:#000}.floating-spotify{border-radius:12px;box-shadow:0 10px 25px #00000059;overflow:hidden;right:16px}.copyright,.floating-spotify{bottom:16px;position:fixed;z-index:3}.copyright{font-size:.9rem;left:16px;opacity:.9}@media (max-width:768px){.clock{font-size:3rem}.pixel-card{max-width:320px;width:100%}.theme-selector{gap:6px}.theme-selector .pixel-btn{font-size:10px;min-width:80px;padding:6px 8px}}@media (max-width:480px){.clock{font-size:2.5rem}.theme-selector .pixel-btn{font-size:9px;min-width:70px;padding:5px 6px}}
/*# sourceMappingURL=main.a39cf0c6.css.map*/