:root{--font:"Ubuntu", sans-serif;--dar:#080708;--li:#e6e8e6;--pr:#3772ff;--scn:#df2935;--trd:#fdca40;--pr-h:#4d81fb;--scn-h:#de525c;--trd-h:#f9d676}html,body{background-color:var(--dar);margin:0%;padding:0 20px}*{font-family:var(--font);box-sizing:border-box}.header{color:var(--li);text-align:center;background-color:#080708;padding:20px;position:sticky}h1{margin:0%}.weather-tag{color:var(--pr)}.search-card{border-radius:28px;align-items:center;width:100%;max-width:550px;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;gap:100px;width:100%;height:100%;display:flex}.card-dash{flex-direction:column;align-items:center;gap:50px;width:100%;display:flex}.row{gap:50px;display:flex}@keyframes rotate{to{transform:rotate(360deg)}}.card{color:var(--li);text-align:center;z-index:0;border-radius:28px;flex-direction:row;justify-content:space-evenly;align-items:center;gap:70px;width:max-content;min-height:250px;padding:0 20px;display:flex;position:relative;overflow:hidden}.card:before{content:"";z-index:-1;background:conic-gradient(#3772ff,#fdca40,#3772ff);border-radius:0;animation:3s linear infinite rotate;position:absolute;inset:-100px}.card:after{content:"";z-index:-1;background:var(--dar);border-radius:26px;position:absolute;inset:3px}.card-text-info{flex-direction:column;justify-content:space-evenly;align-items:center;height:100%;display:flex}.card-number{color:var(--dar);text-shadow:-1px -1px 0 var(--trd), 1px -1px 0 var(--trd), -1px 1px 0 var(--trd), 1px 1px 0 var(--trd);margin:0%;font-size:13em}.info{margin:0;font-size:2em}.info-condition{color:var(--trd)}.info-city{color:var(--pr)}