@import url(https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap);body,html{background-color:#000;font-family:"Share Tech Mono",monospace;overflow:hidden}#root,body,html{height:100%}.app-container{height:100%;background:#000;background:linear-gradient(180deg,#000,#4d4b36 40%,#fcec46 48%,#fcec46 52%,#4d4b36 60%,#000)}.app-container,.timer-container{width:100%;display:flex;justify-content:center;align-items:center}.timer-container{background:#fcec46;background:linear-gradient(180deg,rgba(252,236,70,0),#fcec46 25%,#fcec46 50%,#fcec46 0,#fcec46 75%,rgba(252,236,70,0));margin:auto;flex-direction:column;height:60%}.time-display{width:100%;text-align:center;font-family:"Share Tech Mono",monospace;font-size:7rem;padding:20px}@media screen and (max-width:900px){.time-display{font-size:5rem}}.timer-button-container{width:100%;display:flex;justify-content:center;align-items:center;padding:0 0 20px}.button-container{float:left;width:20%;text-align:center}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.912d0bc9.chunk.css.map */