.badge { width: 90px; height: 30px; color: white; padding: 4px 8px; border-radius: 30px; } .statText { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: .8rem; } /* 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; }