*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-size:100%;line-height:1.5;-webkit-font-smoothing:antialiased}body{font-family:sans-serif;background-color:#5c9de0;background:linear-gradient(135deg,#5c9de0,#7b5ce0,#fff)}.l-main{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:auto}@media (min-width: 768px){.l-main{max-width:900px}}.l-main-weather{width:96%;margin-bottom:1rem;border-radius:.5rem;background-color:#a7e0d9}.l-week-weather{width:96%;margin-bottom:1rem;border-radius:.5rem;background-color:#a7e0d9;padding:1.5rem 0}.l-week-weather__title{text-align:center;font-size:1.5rem;margin-bottom:.5rem}@media (min-width: 576px){.l-week-weather__cards{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;justify-content:space-around}}.m-header{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:2rem;padding:.8rem}.m-header__title{color:#000;margin-bottom:.5rem}.m-search{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}@media (min-width: 768px){.m-search{width:30%;min-width:400px;margin:auto}}.m-search__input{padding:.7rem .5rem;border-radius:.2rem;border:.05rem solid #666;border:none;outline:none;color:#666;width:100%;border-radius:.8rem 0 0 .8rem}.m-search__btn{padding:.5rem 1rem;border-radius:.2rem;border:none;background-color:#5ce075;color:#fff;cursor:pointer;transition:all .3s ease}.m-search__btn:hover{opacity:.8}.m-search__btn{border:none;border-radius:0 .8rem .8rem 0;padding:.7rem}.m-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem}.m-card--week{padding:.5rem}.m-card__title{font-size:1.5rem}.m-card__temperature{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:3rem;font-weight:bolder}.m-card__weather{font-size:1.2rem;text-transform:capitalize}.m-card__info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;padding-top:1rem}@media (min-width: 576px){.m-card__info{flex-direction:row;justify-content:space-around;padding-bottom:1rem}}.m-card__info--week{background-color:#5cc7e0;border-radius:.4rem;padding:1rem;gap:.2rem;font-size:.9rem;text-align:center}@media (min-width: 576px){.m-card__info--week{width:140px;height:180px;flex-direction:column;justify-content:center}}.m-card__info--icon{font-size:2rem;display:flex}.m-card__info--description{text-transform:capitalize;text-align:center}.m-message{border-radius:.2rem;padding:.3rem 1rem;margin:1rem auto;width:98%;background-color:#eee;font-size:.9rem;color:#fff;text-align:center}.m-message--loading{background-color:#5ce075}.m-message--error{background-color:#eb4949}