.text-container{margin-bottom:1rem;padding-top:1rem;font-size:3rem;display:inline-block}.word,.space{display:inline}.letter{opacity:0;transition:opacity 1s ease-out,transform 2s ease-out;display:inline-block;transform:scale(0)rotate(0)}.animate{opacity:1;transform:scale(1)rotate(360deg)}@media (max-width:600px){.text-container{margin-bottom:2rem;font-size:1.75rem}.word{display:block}}
.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}
.metrics-container{justify-content:center;gap:20px;padding:20px;display:flex}.metric{flex-direction:column;align-items:center;width:150px;height:150px;display:flex}.metric-label{text-align:center;color:#fff;margin-top:10px}
.weather-container{color:#fff;justify-content:center;align-items:center;gap:20px;display:flex}.weather-widget{background-color:#a9e0ff;border-radius:8px;flex-direction:column;align-items:center;width:216px;padding:10px;transition:all .3s;display:flex;position:relative}.weather-widget a{color:#fff}.expand-button{color:#000;cursor:pointer;text-align:center;background-color:#a9e0ff;border:none;border-radius:8px;width:216px;height:40px;margin-bottom:10px;font-size:16px;transition:all .3s}.expand-button:hover{color:#fff;background-color:#00a2ff}.weather-widgets{flex-flow:wrap;gap:20px;display:flex}@media (max-width:600px){.weather-container{flex-direction:column;align-items:center}.weather-widgets{flex-direction:column;gap:10px}}