@import url(https://fonts.googleapis.com/css2?family=Jost:wght@300&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0}*,body{font-family:"Jost",sans-serif}body{background:#f3f2ef;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;height:100vh;width:100vw}html{font-size:100%;height:100%;background:#eee}.box{width:25vw;height:60vh;border-radius:.5rem;box-shadow:0 .2rem 3rem rgba(0,0,0,.2);background:#a5bbdd;position:relative;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);min-width:20rem;min-height:35rem}.wave{opacity:.3;position:absolute;top:120%;left:50%;background:#fff;width:50rem;height:50rem;margin-left:-25rem;margin-top:-20rem;-webkit-transform-origin:50% 48%;transform-origin:50% 48%;border-radius:43%;-webkit-animation:drift 3s linear infinite;animation:drift 3s linear infinite;z-index:1}.wave.-three{z-index:2!important;opacity:.2}.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;left:0;top:0;width:100%;height:100%;z-index:11;-webkit-transform:translateZ(0);transform:translateZ(0)}@-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{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:75vh;z-index:4}.location{margin-top:-5.5rem;text-align:center;font-weight:800;font-size:3rem;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{margin-top:.5rem;color:#57606f;font-size:1.2rem;font-weight:300;text-transform:uppercase}#date,.temp{text-align:center}.temp{margin-top:2.5rem;font-size:3rem}.tempmin_max{text-align:center;margin-top:.3rem;font-weight:300;font-size:1.2rem;color:#57606f}#weathercon{height:55%;display:flex;justify-content:center;align-items:center;font-size:3em}#weathercon .fas{font-size:6rem;-webkit-animation:fas-anime 3s linear infinite alternate;animation:fas-anime 3s linear infinite alternate}@-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{width:90vw;height:80vh}.wave{top:85%}#weathercon{font-size:5em}.info{font-size:1.5em}}@media (max-width:500px){.box{height:80vh}.wave{top:115%}}body>span{width:100vw;text-align:center;color:grey}.inputData{width:100%;height:10vh;display:flex;justify-content:center;align-items:center}.inputField{width:50%;margin:auto;border-radius:5rem;padding:1rem;outline:none;font-size:1.5rem}.errorMsg{font-size:2rem;margin:2rem auto}.App,.errorMsg{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{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.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)}}
/*# sourceMappingURL=main.9ea0756e.chunk.css.map */