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}*{box-sizing:border-box;font-family:Orbitron,sans-serif;margin:0;padding:0}.timer-container{background-color:#282c34}.timer-container,.timer-form-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;width:100%}.form-container{align-items:center;color:#fff;display:flex;flex-direction:column;height:25em;justify-content:space-around;width:50%}.form-container h1{font-size:3em}.form-container h1 span{color:#f0003c}.label-wrapper{display:flex;justify-content:space-evenly;width:100%}.label-container{display:flex;flex-direction:column;font-size:1.3em;width:30%}.label-container input{border-radius:5px;font-size:1.1em;padding:3px;width:100%}.button-container{background:transparent;border:none;cursor:pointer;outline-offset:4px;padding:0;position:relative;touch-action:manipulation;transition:-webkit-filter .25s;transition:filter .25s;transition:filter .25s,-webkit-filter .25s;-webkit-user-select:none;user-select:none}.shadow{background:rgba(0,0,0,.25);-webkit-transform:translateY(2px);transform:translateY(2px);transition:-webkit-transform .6s cubic-bezier(.3,.7,.4,1);transition:transform .6s cubic-bezier(.3,.7,.4,1);transition:transform .6s cubic-bezier(.3,.7,.4,1),-webkit-transform .6s cubic-bezier(.3,.7,.4,1);will-change:transform}.edge,.shadow{border-radius:12px;height:100%;left:0;position:absolute;top:0;width:100%}.edge{background:linear-gradient(270deg,#52001b 0,#a30036 8%,#a30036 92%,#52001b)}.front{background:#f0003c;border-radius:12px;color:#fff;display:block;font-size:1.1rem;padding:12px 27px;position:relative;-webkit-transform:translateY(-4px);transform:translateY(-4px);transition:-webkit-transform .6s cubic-bezier(.3,.7,.4,1);transition:transform .6s cubic-bezier(.3,.7,.4,1);transition:transform .6s cubic-bezier(.3,.7,.4,1),-webkit-transform .6s cubic-bezier(.3,.7,.4,1);will-change:transform}.button-container:hover{-webkit-filter:brightness(110%);filter:brightness(110%)}.button-container:hover .front{-webkit-transform:translateY(-6px);transform:translateY(-6px);transition:-webkit-transform .25s cubic-bezier(.3,.7,.4,1.5);transition:transform .25s cubic-bezier(.3,.7,.4,1.5);transition:transform .25s cubic-bezier(.3,.7,.4,1.5),-webkit-transform .25s cubic-bezier(.3,.7,.4,1.5)}.button-container:active .front{-webkit-transform:translateY(-2px);transform:translateY(-2px);transition:-webkit-transform 34ms;transition:transform 34ms;transition:transform 34ms,-webkit-transform 34ms}.button-container:hover .shadow{-webkit-transform:translateY(4px);transform:translateY(4px);transition:-webkit-transform .25s cubic-bezier(.3,.7,.4,1.5);transition:transform .25s cubic-bezier(.3,.7,.4,1.5);transition:transform .25s cubic-bezier(.3,.7,.4,1.5),-webkit-transform .25s cubic-bezier(.3,.7,.4,1.5)}.button-container:active .shadow{-webkit-transform:translateY(1px);transform:translateY(1px);transition:-webkit-transform 34ms;transition:transform 34ms;transition:transform 34ms,-webkit-transform 34ms}.button-container:focus:not(:focus-visible){outline:none}.flip-timer-container{align-items:center;background-color:#282c34;display:flex;justify-content:center;min-height:100vh;width:100%}.clock-wrapper{height:200px;width:70%}.clock-container{height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .85s ease-in-out;transition:transform .85s ease-in-out;transition:transform .85s ease-in-out,-webkit-transform .85s ease-in-out;width:100%}.clock-container:hover{-webkit-transform:translateY(50%) rotateX(-90deg);transform:translateY(50%) rotateX(-90deg)}.clock-front-container,.clock-top-container{height:100%;left:0;position:absolute;top:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .85s ease-in-out;transition:transform .85s ease-in-out;transition:transform .85s ease-in-out,-webkit-transform .85s ease-in-out;width:100%}.clock-top-container{justify-content:space-around;-webkit-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg);-webkit-transform-origin:bottom;transform-origin:bottom}.clock-front-container,.clock-top-container{align-items:center;background:radial-gradient(ellipse at center,#7d7e7d 0,#0e0e0e 100%);display:flex}.clock-front-container{border-top:1px solid #000;justify-content:center}.timer-wrapper{align-items:center;background-color:rgba(0,0,0,.7);display:flex;gap:10px;justify-content:center;padding:10px 0;width:90%}.flip-card{border-radius:.05em;box-shadow:2px 4px 1px rgba(0,0,0,.5);display:flex;flex-direction:column;height:150px;position:relative;width:30%}.card-bottom,.card-bottom-flip,.card-top,.card-top-flip{display:flex;font-size:4em;height:50%;justify-content:center;overflow:hidden}.card-top,.card-top-flip{align-items:flex-end;background-image:linear-gradient(180deg,#999,#a5a5a5,#b0b0b0,#bcbcbc,#c8c8c8,#d1d1d1,#d9d9d9,#e2e2e2,#e9e9e9,#f0f0f0,#f8f8f8,#fff);border-bottom:.001em solid #000;border-top-left-radius:.05em;border-top-right-radius:.05em;line-height:0}.card-bottom,.card-bottom-flip{align-items:flex-start;background-image:linear-gradient(0deg,#999,#a5a5a5,#b0b0b0,#bcbcbc,#c8c8c8,#d1d1d1,#d9d9d9,#e2e2e2,#e9e9e9,#f0f0f0,#f8f8f8,#fff);border-bottom-left-radius:.05em;border-bottom-right-radius:.05em;line-height:0}.card-top-flip{box-shadow:0 -3px 3px rgba(0,0,0,.5);position:absolute;width:100%}.flip-card .flip-top{-webkit-animation:flip-top .25s ease-in;animation:flip-top .25s ease-in;-webkit-transform-origin:bottom;transform-origin:bottom}@-webkit-keyframes flip-top{to{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}@keyframes flip-top{to{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}.card-bottom-flip{bottom:0;box-shadow:0 4px 1px rgba(0,0,0,.5);position:absolute;width:100%}.flip-card .flip-bottom{-webkit-animation:flip-bottom .25s ease-out .25s;animation:flip-bottom .25s ease-out .25s;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:top;transform-origin:top}@-webkit-keyframes flip-bottom{to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes flip-bottom{to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}
/*# sourceMappingURL=main.5e737b4e.css.map*/