:root{--font:"Ubuntu", sans-serif;--dar:#2b2b2b;--li:#e6e8e6;--pr:#3772ff;--scn:#df2935;--trd:#fdca40;--pr-h:#4d81fb;--scn-h:#de525c;--trd-h:#f9d676}html,body{background-color:var(--li);margin:0%}*{font-family:var(--font);box-sizing:border-box}.header{background-color:var(--li);color:var(--dar);text-align:center;margin:0%;padding:20px;position:sticky;box-shadow:0 2px 8px #3569e241}h1{color:var(--dar);margin:0%}.weather-tag{color:var(--pr)}.search-card{border:2px solid var(--pr);border-radius:28px;align-items:center;width:100%;max-width:550px;margin:50px 0;display:flex;overflow:hidden}input{background-color:var(--li);color:var(--dar);border:none;outline:none;flex:1;height:40px;padding:0 20px;font-size:17px}button{cursor:pointer;background:var(--pr);height:40px;color:var(--li);border:none;align-items:center;padding:0 20px;font-size:17px;display:flex}button:hover{background-color:var(--pr-h)}button:active{background-color:var(--pr)}.dashboard{flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.card-dash{flex-wrap:wrap;place-content:space-evenly center;align-items:stretch;gap:20px;width:100%;display:flex}.card-dash>div{width:100%}.row{justify-content:center;gap:50px;display:flex}.card{color:var(--dar);text-align:center;z-index:0;background-color:#0000;border-radius:28px;flex-direction:row;justify-content:space-evenly;align-items:center;gap:70px;width:600px;min-height:250px;margin-bottom:50px;padding:0 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #3569e241}.card-text-info{flex-direction:column;justify-content:space-evenly;align-items:center;height:100%;padding-top:20px;padding-bottom:20px;padding-right:20px;display:flex}.card-number{color:#2b2b2b;text-shadow:none;margin:0;font-size:13em;line-height:1}.info-condition{color:var(--pr);margin:0;font-size:3em}.info-icon{height:150px;margin:0;padding:0}.error{color:var(--scn);text-align:center;margin-top:20px;font-size:1.5em;font-weight:500}@media (width<=1289px){.card{gap:20px;width:500px}.card-number{font-size:11em}.card-text-info{font-size:.9em}}@media (width<=1080px){.card{width:400px}.info-icon{height:110px}.card-text-info{font-size:.7em}}@media (width<=768px){.row{flex-direction:column;gap:20px;margin-bottom:20px}.card{gap:20px;width:100%;min-height:160px;margin-bottom:20px}.card-dash{padding:0 20px}.card-number{font-size:8em}.card-text-info{padding:30px}}@media (width<=550px){.card{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:30px}.card-text-info{margin-top:0;padding:0 0 20px}.info-icon{display:none}.search-card{max-width:400px;margin:20px 0}}@media (width<=420px){.search-card{max-width:300px;margin:20px 0}.search-input{width:250px}.search-button{padding:0 10px}}