@import url(https://fonts.googleapis.com/css2?family=Jost:wght@300&display=swap);*{margin:0;padding:0}*,body{font-family:Jost,sans-serif}body{align-items:center;background:#f3f2ef;display:flex;flex-wrap:wrap;height:100vh;justify-content:center;width:100vw}html{background:#eee;font-size:100%;height:100%}.box{background:#a5bbdd;border-radius:.5rem;box-shadow:0 .2rem 3rem rgba(0,0,0,.2);height:60vh;min-height:35rem;min-width:20rem;overflow:hidden;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);width:25vw}.wave{-webkit-animation:drift 3s linear infinite;animation:drift 3s linear infinite;background:#fff;border-radius:43%;height:50rem;left:50%;margin-left:-25rem;margin-top:-20rem;opacity:.3;position:absolute;top:120%;-webkit-transform-origin:50% 48%;transform-origin:50% 48%;width:50rem;z-index:1}.wave.-three{opacity:.2;z-index:2!important}.wave.-three,.wave.-two{-webkit-animation:drift 7s linear infinite;animation:drift 7s linear infinite}.wave.-two{opacity:.1;z-index:3!important}.box:after{content:"";display:block;height:100%;left:0;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:11}@-webkit-keyframes drift{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes drift{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.info{height:60vh;position:absolute;width:100%;z-index:4}.info,.location{align-items:center;display:flex;flex-direction:column;justify-content:center}.location{font-size:5rem;font-weight:800;margin-top:-5.5rem;text-align:center;text-transform:capitalize}.fa-street-view{-webkit-animation:rotates ease 3s linear infinite;animation:rotates ease 3s linear infinite}@-webkit-keyframes rotates{0%{-webkit-transform:translateX(-.5rem);transform:translateX(-.5rem)}0%{-webkit-transform:translateX(.5rem);transform:translateX(.5rem)}}@keyframes rotates{0%{-webkit-transform:translateX(-.5rem);transform:translateX(-.5rem)}0%{-webkit-transform:translateX(.5rem);transform:translateX(.5rem)}}#date{color:#57606f;font-size:1.2rem;font-weight:300;margin-top:.5rem;text-transform:uppercase}#date,.temp{text-align:center}.temp{font-size:3rem;margin-top:2.5rem}.tempmin_max{color:#57606f;font-size:1.2rem;font-weight:300;margin-top:.3rem;text-align:center}#weathercon{align-items:center;display:flex;font-size:3em;height:55%;justify-content:center}#weathercon .fas{-webkit-animation:fas-anime 3s linear infinite alternate;animation:fas-anime 3s linear infinite alternate;font-size:6rem}@-webkit-keyframes fas-anime{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes fas-anime{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1.5);transform:scale(1.5)}}@media (max-width:600px){.box{height:80vh;width:90vw}.wave{top:85%}#weathercon{font-size:5em}.info{font-size:1.5em}}@media (max-width:500px){.box{height:80vh}.wave{top:115%}}body>span{color:grey;text-align:center;width:100vw}.inputData{align-items:center;display:flex;height:10vh;justify-content:center;width:100%}.inputField{border-radius:5rem;font-size:1.5rem;margin:15px auto auto;outline:none;padding:0 1rem;width:50%}.errorMsg{font-size:2rem;margin:2rem auto;text-align:center}
/*# sourceMappingURL=main.22c1657b.css.map*/