html{background-color:#ebebeb;height:100%;margin:0;font-family:Verdana,Geneva,Tahoma,sans-serif}body{display:flex;height:100%;justify-content:center;align-items:center;margin:0}h1{text-align:center;font-size:3rem;margin:5px}h5{font-size:1em;color:red;font-weight:700;margin:10px}.container-weather{text-align:center;display:flex;gap:1rem;max-width:1000px;height:300px;margin:0 10px}.container-weather-mobile{display:none}h3{padding-bottom:1rem}h2{font-size:5rem;font-weight:400;padding:0;margin:0}input{border-radius:3px;border:none;width:100%;padding:1rem;box-sizing:border-box;height:100%;border:1px solid rgb(213,213,213)}.input-days{width:50%;display:flex;flex-direction:column;gap:1rem}.card-days{background-color:#fff;width:100%;padding:10px;box-sizing:border-box;height:79%;border-radius:5px;display:flex;flex-direction:row;justify-content:space-between;border:1px solid rgb(213,213,213)}.card-days .day{width:12%;font-size:.7rem;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-days .day h4{font-size:.7rem;margin:3px 0 0}.card{width:50%;background-color:#fff;border-radius:5px;border:1px solid rgb(213,213,213)}.card img{height:120px;margin:0}@media (max-width: 720px){body{height:auto}.container-weather{display:none}.container-weather-mobile{text-align:center;flex-direction:column;display:flex;gap:.7rem;max-width:100%;margin:0 10px;box-sizing:border-box;align-items:center}form{width:100%}input,.card{width:100%;box-sizing:border-box}.card-days{width:100%;flex-wrap:wrap;height:230px}.card-days .day{box-sizing:border-box}}.cargando{color:#000}.contenedor-loader{height:6rem}#contenedor{display:grid;justify-content:center}.loader,.loader:before,.loader:after{background:#000;animation:cargando 1s infinite ease-in-out;width:.8rem}.loader:before,.loader:after{position:absolute;top:0;content:""}.loader:before{left:-1.5em}.loader{text-indent:-9999em;margin:40% auto;position:relative;font-size:11px;animation-delay:.16s}.loader:after{left:1.5em;animation-delay:.32s}@keyframes cargando{0%,80%,to{box-shadow:0 0 #000;height:4em}40%{box-shadow:0 -2em #000;height:5em}}