:root{--background:#f6f6f6;--headers-col:#000;--dark:#222831;--text-col:#000;--label-col:#000;--arrow-col:#fff;--accent:#1e88e5;--light-red:#ef9a9a;--label-fz:18px;--input-fz:20px;--header-fz:24px;--button-size:70px}[data-theme=dark]{--background:#222831;--headers-col:#fff;--label-col:#fff;--accent:#ebe326;--arrow-col:#000}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:RobotoCondensed,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}a{text-decoration:none}@font-face{font-display:swap;font-family:RobotoCondensed;font-style:normal;font-weight:400;src:url(/static/media/RobotoCondensed-Regular.25787041ddfe8df69d5d.woff) format("woff")}@font-face{font-display:swap;font-family:RobotoCondensed;font-style:normal;font-weight:300;src:url(/static/media/RobotoCondensed-Light.23f975f0e40a20fbb55a.woff) format("woff")}@font-face{font-display:swap;font-family:RobotoCondensed;font-style:normal;font-weight:700;src:url(/static/media/RobotoCondensed-Bold.14a7047141f97b966d40.woff) format("woff")}.App{align-items:center;background-color:var(--background);color:var(--text-col);display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0}.yellow{color:var(--accent)}.input-error{background:var(--light-red)!important}h1{font-size:36px}h1,h2{color:var(--headers-col)}h2{font-size:var(--header-fz);text-align:center;text-transform:uppercase}h3{font-size:20px;margin-bottom:10px;margin-top:1.5em}h3,span{color:var(--headers-col)}label{color:var(--label-col);font-size:var(--label-fz);text-transform:uppercase}input,label{text-align:center}input{-webkit-appearance:none;appearance:none;border:none;font-family:RobotoCondensed,sans-serif;font-size:var(--input-fz);padding:0}input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-webkit-appearance:textfield;appearance:textfield}.switch-theme-btn{background:var(--background);border:none;position:fixed;right:15px;top:15px}.switch-theme-btn img{background:var(--background);height:36px}.language-selector{border-radius:50%;height:36px;left:15px;position:fixed;top:15px}.language-button{background-position:50%;background-size:cover;border:none;border-radius:50%;cursor:pointer;height:32px;margin-left:.3em;transition:all .4s ease;width:32px}.language-button:nth-of-type(2){transition:all .6s ease}.language-button:nth-of-type(3){transition:all .8s ease}.language-button__current{left:0;position:absolute;top:0;transition:all .5s ease}.hide{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}.date-form{grid-column-gap:10px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:2em}.Result .date-form{margin-top:.5em}.input-form label{padding-bottom:10px}.flex-col-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.flex-row-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.date-input{background:#fff;border-radius:10px;font-size:var(--input-fz);height:50px;width:100px}.time-header{align-items:center;display:flex;flex-direction:column;justify-content:center}.time-header h2{margin-bottom:0;margin-top:2em}.time-header .optional{font-size:14px;opacity:.6}.time-form{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:.5em}.time-form .flex-col-wrapper:first-child,.time-form .flex-col-wrapper:nth-child(3){margin-left:1em;margin-right:1em}.time-form .flex-col-wrapper .flex-col-wrapper{margin:0}.time-input{background:#fff;border-radius:10px;font-size:var(--input-fz);height:55px;width:50px}.time-colon{align-items:center;-webkit-animation:pulse 1.5s linear infinite;animation:pulse 1.5s linear infinite;display:flex;font-size:24px;height:100%;justify-content:center}.time-colon span{color:var(--accent);font-weight:700;line-height:1}.input-form .time-colon span{margin-top:1em}.Result .time-colon span{margin-bottom:1em}.button{background:var(--accent);border:none;border-radius:100%;color:var(--text-col);cursor:pointer;font-family:RobotoCondensed,serif;height:var(--button-size);width:var(--button-size)}.arrow{align-items:center;border-right:1px solid var(--arrow-col);border-top:1px solid var(--arrow-col);display:flex;height:30%;justify-content:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:30%}.arrow-line{-webkit-animation:arrow-line 1.5s linear infinite;animation:arrow-line 1.5s linear infinite;background:var(--arrow-col);height:1px;width:75%}@-webkit-keyframes arrow-line{0%{-webkit-transform:rotate(-45deg) translateX(-50%);transform:rotate(-45deg) translateX(-50%)}50%{-webkit-transform:rotate(-45deg) translateX(0);transform:rotate(-45deg) translateX(0)}to{-webkit-transform:rotate(-45deg) translateX(-50%);transform:rotate(-45deg) translateX(-50%)}}@keyframes arrow-line{0%{-webkit-transform:rotate(-45deg) translateX(-50%);transform:rotate(-45deg) translateX(-50%)}50%{-webkit-transform:rotate(-45deg) translateX(0);transform:rotate(-45deg) translateX(0)}to{-webkit-transform:rotate(-45deg) translateX(-50%);transform:rotate(-45deg) translateX(-50%)}}.start-button{margin-top:5em}.about-button{background:transparent;border:1px solid var(--headers-col);border-radius:100%;bottom:15px;color:var(--headers-col);cursor:pointer;font-size:14px;height:24px;opacity:.5;position:fixed;right:15px;width:24px}.Result{width:320px}.Result h2{font-weight:400;margin-bottom:.3em}.Result h3{color:var(--label-col);font-size:var(--input-fz);font-weight:400;text-transform:uppercase}.Result label{margin-top:.2em}.Result span{color:var(--text-col)}.Result .yellow{color:var(--accent)}.bday-wrapper{margin-top:1.5em;width:100%}.bday-wrapper .yellow{font-size:36px;font-weight:700;margin-right:.5em}.bday-label h3{width:70%}.time-pass-wrapper{width:100%}.time-pass{height:54px;justify-content:start;width:100%}.time-pass .date-input{align-items:center;display:flex;justify-content:start;padding-left:.5em;width:200px}.time-pass h3{margin-left:.5em}.return-button{margin-top:3em;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.loading{background-color:var(--dark);color:#fff;height:100vh;width:100vw}.loading-circle{-webkit-animation:loading 1s linear infinite;animation:loading 1s linear infinite;border:4px solid #fff;border-radius:50%;border-top:4px solid var(--accent);height:5vh;width:5vh}@-webkit-keyframes loading{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes pulse{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}}@keyframes pulse{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}}.About .button{margin-top:15vh}.About h1{margin-bottom:10vh}.copyright{bottom:25px;color:var(--headers-col);position:absolute}
/*# sourceMappingURL=main.3afd9033.css.map*/