.badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 30px;
    padding: 0.25rem;
    border-radius: 30px;
    color: white;
    font-size: clamp(0.7rem, 1vw, 0.9rem);
    text-align: center;
    white-space: nowrap;
}

.statText {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

/* Sleep Type Badge Styling */
.dozing {
    background-color: #fcdc5e;
}

.snoozing {
    background-color: #4ce8ed;
}

.slumbering {
    background-color: #4588fb;
}

/* Speciality Badge Styling */
.berries {
    background-color: #24d86b;
}

.ingredients {
    background-color: #fdbe4d;
}

.skills {
    background-color: #47a0fc;
}

.all {
    background-color: #fc7992;
}
