.error-container{text-align:center;height:100vh;width:100vw;background-color:#808080a8;color:#e9ebf5}.error-title{font-size:8rem;font-weight:700}.error-message{font-size:2rem;margin-top:10px}.home-link{margin-top:20px;text-decoration:none;color:#f0f1f7;font-weight:700;font-size:3rem}.home-link:hover{text-decoration:underline}.cloud{font-size:5rem;margin-top:20px}.current-weather-container{width:80%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-around;border-radius:.5rem;background-color:#0c2346ad;color:#e9e3e3}.current-weather-container,.current-weather-box,.current-weather-section,.current-weather-information{min-width:300px}.current-weather-information{display:flex;align-items:center;justify-content:space-around;padding:1rem;padding-top:0;width:100%}.current-weather-section{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.current-weather-img-div{width:30%;display:flex;align-items:center;margin-right:1rem}.current-weather-img{width:100%;object-fit:contain;filter:none;opacity:1}.current-weather-temp-group,.current-weather-description{display:flex;flex-direction:column}.current-weather-temp-div{display:flex;align-items:center}.current-weather-temp-unit{font-size:3rem;font-weight:600}.current-weather-box{width:80%;display:flex;justify-content:center;align-items:center;margin:auto;padding-bottom:2rem}.units-container{font-weight:100;font-size:1.5rem;line-height:24px;margin-left:4px}.celsius-unit,.fahrenheit-unit{cursor:pointer}.units-separator{border-left:1px solid #e9e3e3;margin:0 4px}.active{font-weight:500;font-size:1.8rem}.hour{font-size:1.5rem}.show-current-weather-div{display:flex;width:90%;justify-content:flex-start;align-items:center;height:30px}.show-current-weather-btn{border:none;color:#2e2b2b;background-color:#f7efef9f;font-size:1.2rem;padding:.2rem 1rem;border-radius:3px;font-weight:600}.day{margin-right:5px}@media screen and (min-width: 767px){.current-weather-section{width:100%;flex-direction:row}.current-weather-img-div{width:40%}.current-weather-temp-unit{font-size:4rem}}.next-weather-card-container{width:80%;margin-top:1rem;min-width:300px}.div-articles{display:grid;overflow-y:hidden;grid-template-columns:repeat(8,calc((100% / 3) - 6px));gap:6px}.div-articles::-webkit-scrollbar{background-color:transparent}.next-weather-card{font-size:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;background-color:#0c2346ad;color:#e9e3e3;padding:.5rem;cursor:pointer;opacity:.8}.next-weather-card:hover{opacity:1}.next-weather-div-img{width:100%;display:flex;align-items:center;justify-content:center}.next-weather-img{width:80%;height:auto;object-fit:contain}.temp-max{margin-right:6px}.temp-min{opacity:.7}.hour-text{text-align:center;display:flex;margin:auto;opacity:.7}.extended-forecast{color:#f0e7e7;filter:drop-shadow(2px 2px 2px rgb(36,8,8))}.extended-forecast-error{color:red}.extended-forecast,.extended-forecast-error{font-weight:600;font-size:1.2rem}@media screen and (min-width: 767px){.next-weather-card-container{margin-top:2rem}.div-articles{overflow:hidden;grid-template-columns:repeat(8,calc((100% / 6) - 6px))}.extended-forecast,.extended-forecast-error{font-size:2rem}}@media screen and (min-width: 1000px){.div-articles{overflow:hidden;grid-template-columns:repeat(8,calc(12.5% - 6px))}}.home-text-container{display:flex;flex-direction:column;align-items:center}.home-text{font-size:2rem;color:#f0e7e7;filter:drop-shadow(2px 2px 2px rgb(36,8,8))}.city-name{font-style:italic;font-weight:600}.error-location{font-size:2rem;color:#f0e7e7;filter:drop-shadow(2px 2px 2px rgb(36,8,8));text-align:center}@media screen and (max-width: 767px){.home-text{font-size:1.5rem;text-align:center}}.my-location-btn{display:flex;align-items:center;border:none;width:max-content;border-radius:20px;font-weight:700;font-size:1rem;color:#f1e8e8;background:rgba(0,0,0,.3);padding:10px;margin-bottom:1rem;margin-left:1rem}.btn-location-text{margin:0;padding:0}.my-location-btn>svg{margin-right:3px}@media screen and (max-width : 767px){.btn-location-text{display:none}.my-location-btn>svg{margin:0}}.mb-3.input-group{width:30%;margin:0 auto}.btn.btn-primary{width:max-content}@media screen and (max-width : 767px){.mb-3.input-group{margin:0 auto;min-width:250px}}.navbar{display:flex;align-items:center;background-color:#0e4375cb;flex-wrap:nowrap;padding:1rem 5rem 0%;justify-content:center;min-width:300px}.container{min-width:300px;display:flex;flex-direction:column;align-items:center;margin-top:2rem}*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;background:url(https://www.meganoticias.mx/uploads/noticias/cielo-despejado-con-vientos-de-5-a-10-kmh-414206.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.openweather-atributtion{padding:2vw;font-weight:500}.openweather-atributtion>a{color:#3a3736}