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}.card{background:#0000;border:none}.weather-app{border-radius:6px;box-shadow:0 30px 50px rgba(65);margin:45px auto;padding:30px}a:hover{cursor:pointer}.Header .logo{color:#fff;font-family:neue-haas-grotesk-display,sans-serif;font-size:18px;font-weight:300;letter-spacing:8px}.Header .logo span{font-style:italic;font-weight:600}.Header header{padding:0 0 30px}form{display:flex}form .search-form-input{background:#fff3;border:none;border-radius:6px;font-size:16px;margin-right:10px;padding:15px 20px;width:100%}form .search-form-input::placeholder,input[type=search]{color:#fff;font-family:neue-haas-grotesk-display,sans-serif}input:focus{outline:none}form .search-form-button{background-color:initial;border:1px solid #fff;border-radius:6px;color:#fff;font-family:neue-haas-grotesk-display,sans-serif;font-size:16px;font-weight:800;padding:15px 50px}form .search-form-button:hover{opacity:.5}.Main{padding:30px 0}.Main .weather-app-data{display:flex;justify-content:space-between}.Main .weather-app-data strong{color:#fff}.Main .weather-app-city{font-size:60px;font-weight:300;font-weight:400;list-style:48px;margin:0}.Main .weather-app-city,.Main .weather-app-details{color:#fff;font-family:neue-haas-grotesk-display,sans-serif}.Main .weather-app-details{font-size:18px;font-weight:300;line-height:20px;margin-top:20px}.weather-app-icon{margin-top:5px;width:88px}.weather-app-temp{font-size:120px;line-height:88px}.weather-app-temp,.weather-app-unit{color:#fff;font-family:neue-haas-grotesk-display,sans-serif}.weather-app-unit{font-size:24px;left:2px;position:relative;top:-65px}.unit{color:#fff;opacity:.5;text-decoration:none}strong{font-weight:500}#description{opacity:.6}@media (max-width:1000px){.Main .weather-app-city{font-size:48px}.weather-app-temp{font-size:70px}.weather-app-icon{margin-top:20px;width:55px}.weather-app-unit{font-size:18px;top:-36px}}@media (max-width:525px){.Main{padding:30px 0 10px}.Main .weather-app-city{font-size:36px}.Main .weather-app-details{font-size:16px;line-height:18px}.weather-app-icon{margin-top:0;width:55px}.weather-app-temp{font-size:54px;line-height:55px}.weather-app-unit{font-size:14px;top:-30px}form .search-form-input{width:100%}form .search-form-button{padding:15px 20px}}.weather-forecast{border-top:.5px solid #ffffff80;margin-top:20px;padding-top:30px}.weather-forecast-date{color:#fff;font-size:18px;font-weight:300;text-align:center}.weather-forecast-temperature-min{opacity:.5}.weather-forecast-temperature{color:#fff;font-size:18px;font-weight:300;text-align:center}.weather-forecast-bg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:5px;font-family:neue-haas-grotesk-display,sans-serif;margin:10px 2px 2px 10px;padding:5px}.weather-forecast-icon .weather-app-icon{display:block;margin:0 auto;width:80px}@media (max-width:1000px){.weather-forecast{margin-top:0;padding-top:20px}.weather-forecast-icon .weather-app-icon{width:50px}}.Geobutton{background:#0000;border:none;cursor:pointer}.Geobutton i{color:#fff;font-size:20px;padding:10px}.Geobutton i:hover{opacity:.5}.Footer{color:#fff;font-size:16px;font-weight:300;padding:30px 0 0;text-align:center}.Footer,.Footer a{font-family:neue-haas-grotesk-display,sans-serif}.Footer a{color:#fff!important;font-weight:500;margin:0 2px;text-decoration:none!important}.Footer a:hover{border:none!important;color:#000!important;cursor:pointer}
/*# sourceMappingURL=main.f49b0c6c.css.map*/