@import url(https://fonts.googleapis.com/css2?family=Nova+Square&display=swap);.btn{display:flex;width:100%;height:65px;background:#2c0055;box-shadow:0 0 16px #c80de0;border-radius:2px;z-index:2;border:2px solid;transition:all 1s ease-in-out;border-image:linear-gradient(#360154,#d442d5) 30;margin-top:25px;margin-bottom:25px;justify-content:center;align-items:center}button[type=submit]:disabled{background:#4a008f}button[type=submit]:disabled>span{background:-webkit-linear-gradient(#360154,#d442d5,#d442d5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn:hover{-webkit-text-fill-color:#ffdc2a;bottom:90px;transition:all 1s ease-in-out;background:#360068;color:#ffc62a;box-shadow:0 0 36px #ffc62a}.btn>span{text-align:center;font-family:"Nova Square",cursive;font-size:35px;line-height:60px;transition:all .3s ease-in-out;background:-webkit-linear-gradient(#ffdc2a,#fb2182);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.toggler>span{font-size:20px}span{background:-webkit-linear-gradient(#ffdc2a,#fb2182);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sub-temps>span{font-size:1rem;align-self:end}@media only screen and (min-width:990px){.toggler>span{font-size:35px}}*{margin:0;padding:0;box-sizing:border-box}.App{text-align:center;background:linear-gradient(#ffdc2a,#3bbff8,#594796,#2c0055);display:flex;flex-direction:column;font-size:2rem;color:#fff;min-height:100vh;height:100%;width:100%;padding-bottom:5vh;font-family:"Nova Square",cursive}h1{font-size:2.2rem}h3{font-size:3rem}h3>span{font-size:2rem}h4{font-size:1.2rem}p{font-size:1rem;-webkit-text-stroke-width:.7px;-webkit-text-stroke-color:#000}.temp-box-top>span{font-size:3rem}.city-name{font-size:.8rem}.sub-temps{margin-top:10px}form{display:flex;flex-direction:column;width:95%;margin-left:auto;margin-right:auto;transition:all 2s ease-in-out}.logo,form{align-self:center}.logo{width:60%;margin-top:3vh}.temp-box,.temp-box-top{display:flex;flex-direction:column}.temp-box-top{background-color:#2c0055;align-self:center;justify-self:center;justify-content:center;border-radius:15px;padding:0 30px 30px}input{font-size:2rem;border-radius:15px;margin-top:5px;background-color:rgba(255,246,168,.3686274509803922);min-height:5vh;padding:5px;text-align:center}label{font-size:1.1rem;margin-top:10px;margin-bottom:10px}main{width:95%}.half,main{align-self:center}.half{width:100%;min-height:0;height:100%;padding:0}.hero-pic,.shero-pic{width:100%;padding:20px;display:none}.sub-temps{font-size:1rem;height:20px;margin-bottom:15px}.sub-temps>span{font-size:.8rem}.weather-pic{width:50%;align-self:center;-webkit-clip-path:circle(50%);clip-path:circle(50%)}.icon-box{display:flex;flex-direction:column;height:50%;margin:0;padding:0}.error{font-size:1rem;color:red;margin-top:3px}@media only screen and (min-width:990px){main{display:flex;flex-direction:row;justify-content:space-evenly;width:90%}h1{font-size:3.5rem;margin-bottom:5px}h3{font-size:6rem}h3>span{font-size:4rem}p{font-size:1.5rem}form{width:100%}label{font-size:1.5rem}.half{width:100%;display:flex;flex-direction:column;padding:20px;min-height:50vh}.sub-temps{font-size:1.9rem;height:20px;margin-bottom:15px}.sub-temps>span{font-size:1.4rem}.logo{align-self:flex-start;width:10vw;margin-top:1vh;margin-left:1vw}.hero-pic,.shero-pic{width:100%;display:flex}.shero-pic{position:relative;width:100%;top:-400px}.weather-pic{width:5vw}.placeholder{padding:0;width:100%;background:linear-gradient(#360154,#d442d5)}.placeholder>img{width:100%;-webkit-clip-path:circle(100% at center);clip-path:circle(100% at center);transition:-webkit-clip-path 2s;transition:clip-path 2s;transition:clip-path 2s,-webkit-clip-path 2s}.placeholder>img:hover{-webkit-clip-path:circle(30% at center);clip-path:circle(30% at center)}}header{background-color:hsla(0,0%,100%,0);width:100%}.logo{width:50%}@media only screen and (min-width:990px){.logo{width:15%;align-self:left}}.ring{width:80vw;pointer-events:none}.loading-box{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.loading-box>span{font-size:2rem;position:absolute}@media (prefers-reduced-motion:no-preference){.ring{animation:ring-spin 20s linear infinite}.loading-box{animation:color-change 2s .5s infinite}}@keyframes ring-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes color-change{0%{background-color:#594796}to{background-color:#2c0055}}@media only screen and (min-width:990px){.ring{width:20vw;pointer-events:none}.loading-box{display:flex;flex-direction:column;justify-content:center;align-items:center}}
/*# sourceMappingURL=main.ef1f9541.chunk.css.map */