@import url(https://fonts.googleapis.com/css2?family=Jost:wght@300&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{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}input{border:none}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:35vw}.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{align-items:center;display:flex;flex-direction:column;height:60vh;justify-content:center;position:absolute;width:100%;z-index:4}.location{font-size:5rem;font-weight:800;margin-top:-5.5rem;text-align:center;text-transform:capitalize}.icon-street{-webkit-animation:rotates ease 3s linear infinite!important;animation:rotates ease 3s linear infinite!important}@-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:15vh;justify-content:center;width:100%}.inputField{border-radius:5rem;font-size:1.5rem;margin:auto;outline:none;padding:1rem;width:50%}.errorMsg{font-size:2rem;margin:2rem auto;text-align:center}
/*# sourceMappingURL=main.53403a47.css.map*/