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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.header{background:-webkit-gradient(linear,left top,right top,color-stop(50%,#e75970),color-stop(50%,#36404a));background:linear-gradient(90deg,#e75970 50%,#36404a 0);min-height:100vh;font-size:calc(10px + 2vmin);color:#fff}.container,.header{display:flex;flex-direction:column;align-items:center;justify-content:center}.container{z-index:2;width:300px;height:300px;border-radius:50%;background-color:hsla(0,0%,100%,.2);border:5px solid #fff}.label{margin-bottom:20px}.input{background-color:transparent;color:#fff;border:1px solid #fff;border-radius:5px;padding:5px;outline:none}.input:active,.input:focus{border:1px solid #fff;outline:none}.button,.input:hover{background-color:transparent;color:#fff}.button{width:100px;height:30px;padding:5px;margin-top:20px;border-radius:5px;border:1px solid #fff;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.button:hover{color:#36404a;background-color:#fff;cursor:pointer;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:-webkit-transform .3s ease-in;transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in}.button:active,.button:focus{outline:none}.invisible{visibility:hidden}.pulse{animation:pulse 1.5s ease-in-out reverse both;-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@media only screen and (max-width:990px){.App,.header{position:absolute;width:100%;height:100%;justify-content:flex-start}.container{margin-top:70px}}@media only screen and (max-width:400px){.container{width:200px;height:200px}.label{font-size:15px}}.content{position:absolute;width:100%;height:100%;display:flex;flex-direction:row;align-items:center}.days,.weeks{position:absolute;color:#fff;font-size:25px;-webkit-animation:textsShow .5s ease;animation:textsShow .5s ease}.days{left:5%}.weeks{right:5%}@-webkit-keyframes textsShow{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes textsShow{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@media only screen and (max-width:990px){.content{display:flex;flex-direction:column;height:auto}.content,.days,.weeks{position:relative;width:100vw}.days,.weeks{left:unset;right:unset;margin-top:20px}.days{margin-top:40px}}@media only screen and (max-width:400px){.days,.weeks{font-size:20px}}
/*# sourceMappingURL=main.c91313ea.chunk.css.map */