@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&family=Source+Sans+Pro:wght@300&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#70707029;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{display:flex;font-family:Raleway,sans-serif;justify-content:center;text-align:center}@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)}}.weather{.weather{margin-left:auto;margin-right:auto;margin-top:3rem;padding-left:15px;padding-right:15px;z-index:2}}.weatherdata{display:flex;justify-content:space-between}@media screen and (max-width:992px){.weather{margin-left:auto;margin-right:auto;margin-top:3rem;padding-left:15px;padding-right:15px;width:100%}.weather,.weatherdata{max-width:400px;min-width:400px}.weatherdata{display:flex;flex-direction:column}}.title{color:#707070;font-size:50px;font-weight:700;margin:.5rem;text-align:center!important}.form{width:100%}.input{background-color:#fff;border-radius:2em;border-width:0;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);padding:1.3rem;width:-webkit-fill-available}input::-webkit-input-placeholder{font-size:1.3rem}input,input::placeholder{font-size:1.3rem}.Card_card__KRVV0{word-wrap:break-word;background-clip:initial;background-color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:40px;box-shadow:0 1rem 3rem rgba(0,0,0,.175);display:flex;flex-direction:column;margin-bottom:1rem;margin-top:1rem;max-width:400px;min-width:400px;position:relative}.image{margin:0;padding:0;width:100%}.cityweather,.image{position:relative}.cityname,.citynamenight{align-items:center;display:flex;flex-direction:column;position:absolute;width:100%}.citynamenight{color:#fff}.cityname p{font-size:16pt;font-weight:400;margin:1rem 0 0}.cityname span{font-size:36pt;font-weight:500;margin-top:5px;position:absolute}.citynamenight p{font-size:16pt;font-weight:400;margin:1rem 0 0}.citynamenight span{font-size:36pt;font-weight:500;margin-top:5px;position:absolute}.temp{font-size:2rem}.data,.temp{display:flex;justify-content:space-around}.information{display:flex;flex-direction:column;justify-content:flex-end;width:50%}.information p{font-family:Roboto,sans-serif;font-size:2rem;margin-bottom:0}.information span{font-size:.8rem}.container{-webkit-animation:colors 12s infinite forwards;animation:colors 12s infinite forwards;background:linear-gradient(#282c34);height:100%;left:50%;overflow:hidden;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:0}.container,.spinner{position:absolute;width:100%}.spinner{-webkit-animation:spin 12s infinite forwards;animation:spin 12s infinite forwards;border-radius:50%;height:28.12em;left:-5.62em;top:8.75em}@-webkit-keyframes spin{10%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}45%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}55%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}90%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{10%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}45%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}55%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}90%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.sun{background-color:#ffff02;height:3.75em;left:12.18em;top:-1.87em;width:3.75em}.sun,.sun:after,.sun:before{border-radius:50%;position:absolute}.sun:after,.sun:before{background-color:hsla(0,0%,100%,.1);content:""}.sun:before{bottom:-1.87em;height:7.5em;right:-1.87em;width:7.5em}.sun:after{bottom:-4.37em;height:12.5em;right:-4.37em;width:12.5em}.ray1{border-bottom:10.6em solid rgba(255,191,42,.1);border-left:2.1em solid transparent;border-right:2.1em solid transparent;bottom:.6em;height:0;position:absolute;right:4em;-webkit-transform:rotate(130deg);transform:rotate(130deg);width:.9em}.ray2{bottom:-.3em;left:3.75em;-webkit-transform:rotate(230deg);transform:rotate(230deg)}.ray2,.ray3{border-bottom:12.5em solid rgba(255,191,42,.1);border-left:2.1em solid transparent;border-right:2.1em solid transparent;height:0;position:absolute;width:.9em}.ray3{left:-5.3em;-webkit-transform:rotate(80deg);transform:rotate(80deg)}.ray3,.ray4{bottom:-5.6em}.ray4{border-bottom:12.5em solid rgba(255,191,42,.1);border-left:2.1em solid transparent;border-right:2.1em solid transparent;height:0;left:7.5em;position:absolute;-webkit-transform:rotate(280deg);transform:rotate(280deg);width:.9em}.moon{bottom:-3.1em;box-shadow:1.25em -1.25em 0 0 #f7f7de;height:3.75em;left:10.93em;width:3.75em}.moon,.moon:after,.moon:before{border-radius:50%;position:absolute}.moon:after,.moon:before{background-color:hsla(0,0%,100%,.1);content:""}.moon:before{bottom:0;height:6.25em;right:-2.5em;width:6.25em}.moon:after{bottom:-2.8em;height:11.8em;left:-2.8em;width:11.8em}.stars{-webkit-animation:twinkle 12s infinite forwards;animation:twinkle 12s infinite forwards;background-color:#fff;border-radius:50%;box-shadow:3em 9.3em #fff,-1.8em 11.2em #fff,2.5em 16.2em #fff,-5em 6.2em #fff,-5.6em -.6em #fff,-5.6em 3.7em 0 .06em #fff,-5em 17.5em 0 .05em #fff,-7.5em 14.3em #fff;height:.15em;left:9.3em;position:absolute;top:3.7em;width:.15em}@-webkit-keyframes twinkle{0%{opacity:0}10%{opacity:0}53%{opacity:.7}55%{opacity:.7}98%{opacity:0}to{opacity:0}}@keyframes twinkle{0%{opacity:0}10%{opacity:0}53%{opacity:.7}55%{opacity:.7}98%{opacity:0}to{opacity:0}}.glow{-webkit-animation:float 5s infinite;animation:float 5s infinite;background-color:hsla(0,0%,100%,.08);border-radius:50%;bottom:-19em;height:21.8em;position:absolute;width:21.8em}@-webkit-keyframes float{50%{-webkit-transform:translateY(.75em);transform:translateY(.75em)}}@keyframes float{50%{-webkit-transform:translateY(.75em);transform:translateY(.75em)}}.glow:after,.glow:before{background-color:inherit;border-radius:50%;content:"";height:100%;position:absolute;width:100%}.glow:before{left:-9.3em;top:-3.1em}.glow:after{right:-5.6em;top:-.8em}.widget{display:flex;justify-content:space-between;padding:1rem}.widget p{font-size:1.2rem;width:33%}.day{display:flex;justify-content:flex-start}.date{padding-left:1rem}.date,.temprature{font-family:Roboto,sans-serif}.temprature{display:flex;padding-left:2rem}.forecastname{align-items:center;display:flex;flex-direction:column;position:absolute;width:100%}.forecastname p{font-size:16pt;font-weight:400;margin:1rem 0 0}.forecastname span{font-size:36pt;font-weight:500;margin-top:5px;position:absolute}ul{margin:3rem 0 0;padding:0;width:100%}.ul{z-index:2}.loader{align-items:center;display:flex;justify-content:center;width:100%}.loader p{font-size:2rem}.loader img{height:2rem;width:2rem}
/*# sourceMappingURL=main.0f58d47d.css.map*/