body { 
    font-family: Arial, sans-serif; 
}

.card { 
    transition: transform 0.3s ease-in-out; 
    border-radius: 15px;
}

.card:hover { 
    transform: scale(1.05); 
}

.score { 
    font-weight: bold; 
}

.loading-spinner { 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    height: 80vh; 
}

.data-title{
    font-size: 22px;
    font-weight: 500;
}

.card-title {
    font-size: 24px;
    font-weight: 600;
    color: grey;
}

.unit {
    font-size: 14px;
    padding-left: 3px;
}