@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap);body{font-family:Nunito Sans,sans-serif;margin:0}.container{align-items:center;background-image:linear-gradient(#f2feff,#92e1f1);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:8px}@keyframes opacity{0%{opacity:0}to{opacity:1}}.header{grid-gap:30px;align-items:center;box-sizing:border-box;color:#306f8a;display:grid;gap:30px;grid-template-columns:30% 1fr;max-width:800px;width:100%}.header .header-left{display:flex}.header .header-left .header-logo{font-size:3rem;font-weight:700;letter-spacing:-.05rem}.header .header-right{align-items:center;display:grid;position:relative;width:100%}.header .header-right .header-search-form{box-sizing:border-box;display:flex;height:40px;position:relative;width:100%}.header .header-right .header-search-form input{border:none;border-radius:30px;box-shadow:2px 2px 3px #0000001f;box-sizing:border-box;color:#306f8a;font-size:1.3rem;height:40px;padding:0 48px;width:100%}.header .header-right .header-search-form input:focus{outline:none}.header .header-right .btn{background-color:#0000;border:none;color:#306f8a;cursor:pointer;font-size:1.3rem;position:absolute;top:7px}.header .header-right .crosshair{left:9.6px;z-index:1}.header .header-right .glass{right:9.6px}.current-weather{animation-duration:1.5s;animation-name:opacity;background-color:#fff;border-radius:20px;box-shadow:2px 2px 3px #0000001f;box-sizing:border-box;display:flex;flex-direction:column;margin:16px 0;max-width:800px;padding:16px;width:100%}.current-weather .current-weather-header{color:#767f8d;font-size:1.5rem;margin:4px;padding:4px}.current-weather .current-weather-info{display:grid;grid-template-columns:repeat(2,1fr)}.current-weather .current-weather-info .info-left{align-items:center;display:flex;flex-direction:column;justify-content:center}.current-weather .current-weather-info .info-left .city-name{color:#306f8a;font-size:1.4rem}.current-weather .current-weather-info .info-left .city-temp{align-items:center;display:flex;font-size:3rem;justify-content:center}.current-weather .current-weather-info .info-left .city-temp img{height:90px;width:90px}.current-weather .current-weather-info .info-left .city-temp .city-temp-value{color:#306f8a;margin:0}.current-weather .current-weather-info .info-left .description{color:#306f8a;font-size:1.35rem;text-transform:capitalize}.current-weather .current-weather-info .info-right{align-items:flex-start;color:#306f8a;display:flex;flex-direction:column;justify-content:flex-start}.current-weather .current-weather-info .info-right i{align-self:center;color:#a3b9d0}.current-weather .current-weather-info .info-right .feel{color:#306f8a;font-size:1.2rem}.current-weather .current-weather-info .info-right .value{font-weight:700}.current-weather .current-weather-info .info-right .hwp{display:grid;grid-template-columns:35px 1fr 1fr;margin:4px 0;width:220px}.current-weather .current-weather-info .info-right .temps{display:flex;margin-bottom:16px}.current-weather .current-weather-info .info-right .temps .temp{display:grid;grid-template-columns:20px 1fr;width:60px}.forecast{animation-duration:1.5s;animation-name:opacity;background-color:#fffc;border-radius:20px;box-shadow:2px 2px 3px #0000001f;box-sizing:border-box;color:#306f8a;max-width:800px;padding:16px;width:100%}.forecast .forecast-header{color:#767f8d;font-size:1.5rem;margin:4px;padding:4px}.forecast .forecast-days{display:grid;grid-template-columns:repeat(5,1fr)}.forecast .forecast-days .day{align-items:center;border-right:1px solid #a3b9d0;display:flex;flex-direction:column;padding:4px}.forecast .forecast-days .day:nth-child(5){border-right:none}.forecast .forecast-days .day img{height:90px;width:90px}.forecast .forecast-days .day .desc{text-transform:capitalize}.forecast .forecast-days .day span{font-weight:700;margin-bottom:16px}@media only screen and (max-width:710px){.header{gap:0;grid-template-columns:1fr;grid-template-rows:1fr 1fr}.forecast-days{grid-template-columns:repeat(3,1fr)!important}.forecast-days .day:nth-child(3){border-right:none}.forecast-days .day:nth-child(5){border-right:1px solid #a3b9d0}}@media only screen and (max-width:570px){.info-left .city-temp{font-size:2rem!important}.info-left .city-temp img{height:70px;width:70px}}@media only screen and (max-width:500px){.current-weather-info{grid-template-columns:1fr!important}.current-weather-info .info-right{align-items:center!important}.current-weather-info .info-right .temps{justify-content:space-between;width:150px}.current-weather-info .info-right .hwp{width:200px}.forecast-days{grid-template-columns:repeat(2,1fr)!important}.forecast-days .day:nth-child(3),.forecast-days .day:nth-child(5){border-right:1px solid #a3b9d0}.forecast-days .day:nth-child(2n){border:none}}@media only screen and (max-width:370px){.forecast-days{grid-template-columns:1fr!important}.forecast-days .day{border-bottom:1px solid #a3b9d0!important;border-right:none!important}.forecast-days .day:nth-child(5){border:none!important}}.footer{box-sizing:border-box;color:#306f8a;display:grid;grid-template-rows:1fr -webkit-fit-content;grid-template-rows:1fr fit-content;padding:32px 0 0}.footer span a{color:#000}.footer .github{color:#306f8a;font-size:2rem;justify-self:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}
/*# sourceMappingURL=main.fa487b55.css.map*/