@font-face{font-family:"FredokaOne-Regular";src:url(/Time-left-before-sleep/static/media/FredokaOne-Regular.3888a8fd.ttf)}body{font-family:"FredokaOne-Regular",-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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;background-color:#323a5d;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(3px + 2.5vmin);color:#fff;background:linear-gradient(300deg,#272c42,#2f1b42);background-size:150% 150%}button{cursor:pointer;margin:10px;border:calc(1px + .1vmin) solid;border-color:#959595;width:calc(30px + 13vmin);height:calc(10px + 3vmin);border-radius:3vmin;font-family:"FredokaOne-Regular";font-weight:700;text-transform:uppercase;font-size:calc(3px + .9vmin);color:rgba(0,0,0,.6);transition:all .3s ease}button:hover{border-color:#b7fffb;color:#000;background-color:#dafffd}input{font-family:"Segoe UI";font-weight:700;width:calc(20px + 12vmin);height:calc(4px + 2.2vmin);font-size:calc(3px + 1vmin);color:rgba(0,0,0,.6);border:calc(1px + .1vmin) solid;border-color:#959595;padding:.5vmin;margin:10px;text-align:center;border-radius:.7vmin;transition:all .3s ease}input:hover{color:#000;border-color:#b7fffb;background-color:#dafffd}h1{font-size:calc(28px + 4vmin)}p{display:block;margin:25px 0;font-size:calc(3px + 3vmin)}.time{display:flex;margin-left:calc(15px + 18vmin);width:-webkit-min-content;width:-moz-min-content;width:min-content}.time p{margin:0 3px}.flatpickr-calendar{font-family:"Segoe UI"}.no-active-bar{margin:25px 0;color:#fdffce}.timer-finished{color:#5dffa1}.dateController{width:calc(50px + 55vmin);height:calc(320px + 18vmin);border:calc(1px + .05vmin) solid #838383;padding:calc(10px + 4vmin) calc(15px + 2vmin) calc(30px + 4vmin);background:rgba(51,57,70,.26);border-radius:3vmin;transition:all .7s ease}.dateController:hover{background:rgba(56,62,77,.452)}.pickerBlock{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:50px;margin:calc(5px + 3vmin) auto}.pickerBlock p{height:calc(10px + 3vmin);margin:10px 10px 10px calc(10px + 5vmin);text-align:left}.bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;width:calc(50px + 50vmin);position:relative;margin:5px auto;height:calc(7px + 2vmin);border:calc(2px + .2vmin) solid #000;border-radius:3vmin}.dateDisplay .percents-nums{display:grid;width:calc(50px + 50vmin);margin:20px auto auto;grid-template-columns:repeat(4,1fr)}.dateDisplay .percents-nums p{font-size:calc(3px + 1vmin);text-align:right;margin:0 0 0 95%;opacity:.7}.dateDisplay .percents-marks{display:grid;width:calc(50px + 50vmin);margin:auto auto 20px;grid-template-columns:repeat(4,1fr)}.dateDisplay .percents-marks p{font-size:calc(3px + 1vmin);text-align:right;margin:0 0 0 102%;opacity:.7}.bar-outer{background-color:#c1fbff}.bar-inner,.bar-outer{position:absolute;height:100%}.bar-inner{background-color:#5dffa1;border-top:calc(2px + .1vmin) solid #000;border-right:calc(2px + .1vmin) solid #000;border-bottom:calc(2px + .1vmin) solid #000;border-radius:3vmin}
/*# sourceMappingURL=main.aa64096f.chunk.css.map */