*{box-sizing:border-box;margin:0}@font-face{font-family:Inter;src:url(font/Inter/Inter-Italic-VariableFont_opsz,wght.ttf)}body{font-family:Inter,sans-serif;margin:0;padding:0;background:#fff;color:#000}.app{width:50vw;height:50vw;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}.heading{width:fit-content;height:fit-content}.header-text{font-weight:700;font-size:2.3125rem;text-transform:uppercase;letter-spacing:1em;line-height:1.2}.content{display:grid;grid-template-columns:20vw 20vw 50vw;grid-template-rows:1fr 1fr;gap:20px}.status-container{display:flex;align-content:space-between;align-items:center;flex-wrap:wrap;border-radius:20px;transition:background-color .3s ease;padding:2rem;grid-column:span 2}.status-container.status-good{background-color:#7affa7}.status-container.status-moderate{background-color:#fff3cd}.status-container.status-unhealthy{background-color:#ff8a7a}.content-headline{font-weight:500;font-size:clamp(3.125rem,4vw,5.5625rem);line-height:100%;letter-spacing:-6%}.text-comment{font-weight:400;font-size:2.0625rem}.refresh-btn.icon-only-btn{background:none;border:none;padding:0;margin:0;cursor:pointer;outline:none;display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;transition:all .3s ease;position:relative}.refresh-btn.icon-only-btn:after{content:"";position:absolute;inset:0;border-radius:50%;background:#38f50426;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.refresh-btn.icon-only-btn:hover:after{opacity:1}.refresh-btn.icon-only-btn:hover .update-icon{transform:rotate(180deg)}.refresh-btn.icon-only-btn:active{transform:scale(.95)}.update-icon{width:24px;height:24px;transition:transform .3s ease}.secondary-card{width:50vw;display:flex;grid-row:span 2;flex-direction:column;gap:inherit;padding:3rem;border-radius:20px;border:1px solid #000000}.secondary-card h3{font-weight:600;max-height:145px;font-size:clamp(5rem,4vw,12rem);margin:0}.secondary-card .subtitle{font-weight:700;font-size:2.5rem;letter-spacing:-6%;line-height:1.6rem}.secondary-card .value{font-weight:600;font-size:clamp(5rem,4vw,12rem)}.content-history{border:1px solid #FFFFFF;background-color:#000;border-radius:20px;display:flex;flex-wrap:wrap;justify-content:center;padding:20px}.text-history{font-weight:500;color:#fff;font-size:3.4375rem;letter-spacing:-6%}.button-history{display:flex;border-radius:100px;align-items:center;border:1px solid #FFFFFF;padding:15px 30px;background-color:#fff;height:5vw;width:28vw;justify-content:space-between;cursor:pointer;transition:all .3s ease}.button-history:hover{background-color:#000;color:#fff}.button-history:hover .vector{filter:invert(1) brightness(2)}.text-button{font-weight:500;font-size:1.5625rem;z-index:2}.icon-container{border:1px solid #000000}.icon-container{display:flex;border-radius:20px;border:1px solid #000000;justify-content:flex-end}.logo{overflow:hidden;transform:rotate(0)}@media (max-width: 768px){.app{width:100vw;height:100vw}.content{display:flex;flex-wrap:wrap}.secondary-card,.icon-container{width:100vw}.button-history{width:50vw;height:10vw}.heading{width:100vw;height:15vw}.header-text{letter-spacing:.3em;text-align:center}}.loading{text-align:center}