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{background-color:#faebd7;background-size:cover;font-family:Montserrat,sans-serif;text-align:center}:root{--color-primary:#6c63ff;--color-success:#00bf8e;--color-warning:#f7c94b;--color-danger:#e66465;--color-danger-variant:#f7584266;--color-white:#ebfffc;--color-light:#ffffffb3;--color-text:#626262;--color-bg:#1f2641;--color-bg1:#2e3267;--color-bg2:#424890;--color-bgcontainer:linear-gradient(180deg,#130754,#e66465);--container-width-lg:80%;--container-width-md:90%;--container-width-sm:94%;--transition:all 400ms ease}.container{background-image:url(https://media.giphy.com/media/rwoIPa0mKZDd6/giphy.gif)}.container,.container-snow{background-size:cover;border-radius:12px;height:829px;margin:0 auto auto;width:607px}.container-snow{background-image:url(/reactWeatherApp/static/media/snow.943ca7123e1f3382b222.jpeg)}.top-bar{display:flex;gap:14px;justify-content:center;padding-top:40px}.top-bar input{border:none;color:#2e3267;color:var(--color-bg1);font-size:20px;font-weight:400;outline:none;padding-left:40px;width:362px}.search-icon,.top-bar input{background:#ebfffc;background:var(--color-white);border-radius:40px;display:flex;height:78px}.search-icon{align-items:center;cursor:pointer;justify-content:center;transition:all .4s ease;transition:var(--transition);width:78px}.search-icon:hover{background:#e66465;background:var(--color-danger)}.weather-image{display:flex;justify-content:center;margin-top:25px}.weather-image img{height:224px;width:224px}.weather-temp{font-size:120px}.weather-location,.weather-temp{color:#ebfffc;color:var(--color-white);display:flex;font-weight:400;justify-content:center}.weather-location{font-size:60px}.data-container{color:#ebfffc;color:var(--color-white);display:flex;justify-content:center;margin-top:40px}.element{align-items:flex-start;display:flex;gap:12px;margin:auto}.data{font-size:34px}.data,.text{font-weight:400}.text{font-size:20px}.icon{margin-top:10px}
/*# sourceMappingURL=main.f1af6f5a.css.map*/