.logo-float {
    height: 210px !important;
}

.bg-base-color {
    background-color: rgba(211, 145, 33, 0.8);
}

.cool-bean-thumbnail {
        width: 105px;                 /* Set width of the circle */
        height: 105px;                /* Set height of the circle */
        aspect-ratio: 1 / 1; 
        background-size: cover;       /* Ensures the image covers the entire circle */
        background-position: center;  /* Centers the image */
        border-radius: 50%;           /* Makes the div circular */
        overflow: hidden;             /* Hides any overflow */
        display: inline-block;
}

.cool-bean-popular {
    width: 390px;                 /* Set width of the circle */
    height: 310px;                /* Set height of the circle */
    aspect-ratio: 1 / 1; 
    background-size: cover;       /* Ensures the image covers the entire circle */
    background-position: center;  /* Centers the image */
    overflow: hidden;             /* Hides any overflow */
    display: inline-block;
    border-radius: 10px;
}

footer {
    padding-top: 50px !important;
}