body{margin:0;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}h1{font-size:80px;margin:20px}.App{transition:background .5s ease-out;padding:10px;height:100vh;background-size:cover;background-repeat:no-repeat;background-position:50%;box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.audioSelector{width:50%;margin:0 auto;display:flex;justify-content:space-around}.audioSelector>div{transition:background .3s linear;cursor:pointer;width:80px;height:20px;background:rgba(0,0,0,.3);border:1px solid #000;border-radius:10px}.audioSelector>div:hover{background:rgba(0,0,0,.5)}.selected{border:1px solid #000!important;background:hsla(0,0%,70.6%,.4)!important}.timer{margin:20px}.timer>div{color:#fff;text-shadow:2px 2px #000;font-size:20px;font-weight:800;cursor:pointer;transition:all .1s linear}.selectedTimer,.timer>div{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.selectedTimer{color:#fff457!important;font-size:55px!important}.activeTimer{color:#fff!important;font-size:55px!important}button{border-radius:4px;background-color:rgba(135,206,235,.9);border:none;color:#fff;text-align:center;font-size:22px;padding:10px;width:140px;transition:all .5s;margin:5px}button,button span{display:inline-block;cursor:pointer}button span{position:relative;transition:.5s}button span:after{content:"\00bb";position:absolute;opacity:0;top:0;right:-20px;transition:.5s}button:hover span{padding-right:25px}button:hover span:after{opacity:1;right:0}button:active{outline:none}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.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%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.46d05aac.chunk.css.map */