@import url(https://fonts.googleapis.com/css2?family=Smooch&display=swap);*{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background-color:#adadad;background-repeat:no-repeat;color:#f5f5f5;font-family:cursive;height:120vh;overflow-x:hidden}.core{text-align:center}.core .country{font-family:Smooch,cursive}.core .dateString{margin-top:-1.5em}@-webkit-keyframes flagAnimation{0%{opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes flagAnimation{0%{opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}to{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes flagAnimationReverse{to{opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}0%{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes flagAnimationReverse{to{opacity:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}0%{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.core .flagImg{animation-direction:reverse;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:flagAnimationReverse;animation-name:flagAnimationReverse;border-radius:1em;margin-bottom:.5em;width:10em}.core .flagImg,.core .flagImg.active{-webkit-animation-duration:.5s;animation-duration:.5s}.core .flagImg.active{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:flagAnimation;animation-name:flagAnimation}.core input{border:none;border-radius:.5em;box-shadow:0 0 1em 0 #fff;display:block;font-family:cursive;font-size:1.5em;margin-left:auto;margin-right:auto;padding:1em;position:relative;text-align:center;top:-20px;width:80%}.core h1{font-family:Smooch,cursive;font-size:3.5em}.core .nestedSpans{display:block;font-size:85%}.core h1 span{font-size:40%!important;margin:2.5% 0}.core .temp{background-color:hsla(0,0%,100%,.281);border-radius:.2em;font-family:Smooch,cursive;margin-left:auto;margin-right:auto;padding:.25em 1.25em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.core .temp span{font-family:cursive}.flexCont{display:flex;flex-direction:row;justify-content:space-evenly}.flexCont :first-child{border-right:3px solid #5a5a5a;padding-right:.5em}.flexCont :nth-child(2){border-right:3px solid #5a5a5a;margin-right:.5em;padding:0 .75em}.dateHandler :nth-child(n){margin:-1em;padding:.75em 0}.status{border-radius:.2em;font-size:2em;margin-left:auto;margin-right:auto;padding:.25em .75em;width:-webkit-min-content;width:min-content}.status:hover{background-color:rgba(65,65,65,.233);cursor:pointer}.status:active{border:4px solid hsla(0,0%,80%,.561)}.flexContStatus{background-color:hsla(0,0%,50%,.246);border-radius:2em;display:flex;flex-direction:row;height:6.5em;justify-content:space-evenly;margin:1em}.flexContStatus,.flexContStatus :nth-child(n){transition:all .5s ease-in-out}.flexContStatus div{font-size:1.4em;font-weight:bolder;padding:0 2em}.flexContStatus div h3{font-size:medium}.flexContStatus div:first-child,.flexContStatus div:nth-child(2){border-right:3px solid #5a5a5a;padding-top:.75em}.flexContStatus div:nth-child(3){padding-top:.75em}.flexContStatus.active{border:2px solid hsla(0,0%,76%,.356);height:3em;margin-left:auto;margin-right:auto;width:95%}.flexContStatus.active div{font-size:0;opacity:0;transition:all .25s ease-in-out}.flexContWind{background-color:hsla(0,0%,50%,.246);border-radius:2em;display:flex;flex-direction:row;height:8em;justify-content:space-around;margin:1em;padding:0 2em}.flexContWind,.flexContWind :nth-child(n){transition:all .5s ease-in-out}.flexContWind div{font-size:1.75em;font-weight:bolder;opacity:1;position:relative}.flexContWind div h4{font-size:.725em;font-weight:600}.flexContWind div:first-child{border-right:3px solid #5a5a5a;padding-right:2em;padding-top:.5em}.flexContWind div:nth-child(2){border-right:3px solid #5a5a5a;padding:.5em 1em 0;white-space:pre}.flexContWind div:nth-child(3){padding-left:2em;padding-top:.5em}.flexContWind.active{border:2px solid hsla(0,0%,76%,.356);height:3em;margin-left:auto;margin-right:auto;width:80%}.flexContWind.active div{opacity:0}.flexContWind.active :nth-child(n){font-size:0;transition:all .25s ease-in-out}.comfort{background-color:hsla(0,0%,50%,.246);border-radius:1em;display:flex;font-size:1.5em;font-weight:bolder;height:2em;justify-content:space-between;padding:1em;transition:all .25s ease-in-out}.comfort h3{margin-bottom:0}.comfort :nth-child(n){margin-top:.25em;transition:all .5s ease-in-out}.comfort #humidity{margin-left:.25em;position:relative;top:-12px}.comfort #humidityValue{font-size:.75em;position:relative;right:-52.5px;top:-14px}.comfort .CircularProgress{width:2em!important}.comfort .css-1rn30mb-MuiCircularProgress-root{color:#0f8}.comfort .humidity{align-self:center;margin-left:-.5em;margin-right:1.5em}.comfort.active{border:2px solid hsla(0,0%,76%,.356);height:0}.comfort.active :nth-child(n){font-size:0;opacity:0;transition:all .25s ease-in-out}.gridCont{grid-gap:1em;background-color:hsla(0,0%,50%,.246);border-radius:2em;display:grid;gap:1em;grid-template-columns:repeat(2,1fr);height:13em;margin:0 auto 3em;padding-bottom:1em;transition:all .25s ease-in-out;width:65%}.gridCont :nth-child(n){opacity:1;transition:all .25s ease-in-out}.gridCont :first-child,.gridCont :nth-child(2){border-bottom:2px solid #5a5a5a}.gridCont :nth-child(3),.gridCont :nth-child(4){border-top:2px solid #5a5a5a}.gridCont :first-child,.gridCont :nth-child(3){border-right:2px solid #5a5a5a;margin-right:-.75em}.gridCont.active{border:2px solid hsla(0,0%,76%,.356);height:2em;margin-left:auto;margin-right:auto;transition:all .25s ease-in-out;width:60%}.gridCont.active :nth-child(n){font-size:0;opacity:0}.sunMoonCont .sunMoon{background-color:hsla(0,0%,50%,.246);border-radius:1em;display:flex;height:5em;justify-content:center;padding:0 1em;transition:all .25s ease-in-out}.sunMoonCont .sunMoon :nth-child(n){font-size:1em;margin-top:0;opacity:1;transition:all .5s ease-in-out}.sunMoonCont .sunMoon h3:not(:nth-child(3)){border-right:2px solid #5a5a5a;height:100%}.sunMoonCont .sunMoon h3:nth-child(2){line-height:2em;padding:0 3em}.sunMoon.active{border:2px solid hsla(0,0%,76%,.356);border-radius:2em;height:1.25em;height:3em;margin-bottom:0;margin-left:auto;margin-right:auto;transition:all .5s ease-in-out;width:70%}.sunMoon.active :nth-child(n){font-size:0;opacity:0;transition:all .5s ease-in-out}body.dawn{background:linear-gradient(25deg,#ff8605 1%,#ffa385 50%,#fcc 99%) fixed}body.morning{background:linear-gradient(215deg,#20f3e2,#35daf3 46%,#1d8ced 73%,#1421ad) fixed}body.noon{background:linear-gradient(35deg,#f05151,#f58e6b 21%,#f7a355 54%,#fab914) fixed}body.afternoon{background:linear-gradient(35deg,#f05151 11%,#f4603e 74%,#f87325) fixed}body.evening{background:linear-gradient(50deg,#050b1a,#140c83 30%,#6f00ff) fixed}body.night{background:linear-gradient(230deg,#170033,#12062d 50%,#070922) fixed;color:#33bb82}@media (min-width:300px){body .comfort{font-size:1.35em}body .comfort h3{margin-top:-.75em!important}body .comfort :nth-child(n){margin-top:0}body .comfort .CircularProgress{left:.6em;position:relative}body .flexContStatus,body .flexContWind{font-size:.7em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}body .flexContStatus{margin-left:auto;margin-right:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}body .flexContWind{margin:0 -.25em}body .sunMoonCont{font-size:1.1em;margin-bottom:2em}body .sunMoonCont :nth-child(2){padding:0 1.5em!important}body .gridCont{font-size:.7em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media (min-width:300px)and (max-width:361px){#humidityValue{right:-26.5px!important}#humidity{margin:0 -1.5em!important}.comfort{justify-content:space-between}body .comfort .CircularProgress{left:-.6em;position:relative}.flexContStatus{width:100%!important}}@media (min-width:362px)and (max-width:400px){body .comfort{font-size:1.2em}body .comfort #humidity{margin:0 .5em}body .flexContStatus{margin-left:auto;margin-right:auto;width:clamp(10em,100%,400%)}body .flexContStatus,body .flexContWind{font-size:.65em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}@media (min-width:401px)and (max-width:499px){.comfort .humidity{margin-right:0}.comfort #humidity{margin-left:2.25em}}@media (min-width:500px)and (max-width:900px){body :nth-child(n){border:none!important}body .gridCont :first-child{border-right:2px solid #5a5a5a!important;margin-right:-.75em}body .gridCont :first-child,body .gridCont :nth-child(2){border-bottom:2px solid #5a5a5a!important}body .gridCont :nth-child(3){border-right:2px solid #5a5a5a!important;margin-right:-.75em}body .gridCont :nth-child(3),body .gridCont :nth-child(4){border-top:2px solid #5a5a5a!important}.comfort{font-size:1.5em!important;justify-content:space-between}.comfort #humidity{margin-left:.5em}.comfort #humidityValue{right:-60.5px}.flexContStatus{font-size:large!important;width:100%!important}.flexContWind{font-size:.9em!important}.sunMoon{font-size:1.25em!important;justify-content:space-between!important}.sunMoon :nth-child(2){line-height:normal!important}.sunMoon :nth-child(n){margin-top:.75em!important}.gridCont{font-size:1em!important}}@media (min-width:901px){body{zoom:1.5}body .gridCont{border:inherit!important}body :nth-child(n){border:none!important}body .comfort{justify-content:space-around!important}body .comfort #humidity{margin-left:.5em!important}body .flexContStatus{font-size:1em!important;justify-content:space-around!important;width:100%}body .flexContWind{font-size:.8em}body .flexContWind,body .sunMoon{justify-content:space-around!important}body .sunMoon{margin-bottom:0!important}body .sunMoon :nth-child(n){margin-top:.75em!important}body .sunMoon :nth-child(2){line-height:normal!important}body .gridCont{width:100%}body .gridCont :first-child{border-right:2px solid #5a5a5a!important;margin-right:-.75em}body .gridCont :first-child,body .gridCont :nth-child(2){border-bottom:2px solid #5a5a5a!important}body .gridCont :nth-child(3){border-right:2px solid #5a5a5a!important;margin-right:-.75em}body .gridCont :nth-child(3),body .gridCont :nth-child(4){border-top:2px solid #5a5a5a!important}body :nth-child(15){white-space:pre}body .comfort.active{height:.1em}body .flexContWind.active{height:4em}body .sunMoon.active{height:2.75em}body .gridCont.active{height:3em}}
/*# sourceMappingURL=main.64be2494.css.map*/