@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,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}.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{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)}}*,body{font-family:Roboto,sans-serif}body{background:url(/static/media/weather\ image.23ec560a.jpg);background-size:cover;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}html{font-size:100%;height:100%}.box{width:25vw;height:60vh;border-radius:.5rem;min-width:20rem;min-height:35rem}.inputData{text-align:center;padding:0;margin-top:20%}.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{-webkit-animation:drift 5s linear infinite;animation:drift 5s linear infinite;z-index:2!important;opacity:.2}.wave.-two{-webkit-animation:drift 7s linear infinite;animation:drift 7s linear infinite;z-index:3!important;opacity:.1}@-webkit-keyframes drift{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.info{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:60vh;z-index:4}.location{margin-top:-5.5rem;text-align:center;font-weight:800;font-size:3rem}.fa-street-view{-webkit-animation:rotates 3s linear infinite alternate;animation:rotates 3s linear infinite alternate}@-webkit-keyframes rotates{0%{-webkit-transform:translate(-.5rem);transform:translate(-.5rem)}to{-webkit-transform:translate(.5rem);transform:translate(.5rem)}}@keyframes rotates{0%{-webkit-transform:translate(-.5rem);transform:translate(-.5rem)}to{-webkit-transform:translate(.5rem);transform:translate(.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:5rem}@media (max-height:500px){.box{height:80vh}.wave{top:115%}}body>span{width:100vw;text-align:center}*{padding:0;margin:0;box-sizing:border-box}.container{width:100%;height:100vh;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center}.box{margin:auto;border-radius:10px;position:relative;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.inputData{padding:20px}.inputData input{padding:10px;width:100%;outline:none;border:none;font-size:20px;border-radius:10px}i{font-size:60px;margin-right:30px}.info{margin-top:20%}.info .temp{font-size:30px;margin:20px 0}.info h3{font-size:20px;font-weight:400}.wave1{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}.wave2{-webkit-animation:drift 5s linear infinite;animation:drift 5s linear infinite;z-index:2!important;opacity:.2}.wave3{-webkit-animation:drift 7s linear infinite;animation:drift 7s linear infinite;z-index:3!important;opacity:.1}.box:after{content:"";display:block;left:0;top:0;width:100%;height:100%;z-index:11;-webkit-transform:translateZ(0);transform:translateZ(0)}@keyframes drift{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.34d667db.chunk.css.map */