.bubbles-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.bubble{
    display: block;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    font-size: clamp(1px, 2vw, 20px);
    font-family: Verdana;
    border-width: clamp(1px, 0.3vw, 3px);
    border-style: dotted;
    border-radius: clamp(1px, 1.9vw, 14px);
    border-color: rgb(255,76,00);
    background-color: rgba(250,250,250);
    padding: clamp(1px, 1.4vw, 10px);
    color: rgb(102, 51, 51);
    margin: clamp(1px, 1.4vw, 10px);
    max-width: 60%;
    min-width: 25%;
}

.bubble-title{
    font-weight: bold;
    font-family: Verdana;
    font-size: clamp(1px, 2.3vw, 18px);
}

.bubble-hover-container{
    position: relative;
    width: 100%;
    text-align: center;
    align-items: center;
}

.bubble-hover{
    display: block;
    position: absolute;
    justify-content: space-evenly;
    align-items: center;
    text-align: justify;
    font-size: clamp(1px, 2vw, 20px);
    font-family: Verdana;
    border-width: clamp(1px, 0.3vw, 3px);
    border-style: dotted;
    border-radius: clamp(1px, 1.9vw, 14px);
    border-color: rgb(255,76,00);
    background-color: rgba(250,250,250);
    padding: clamp(1px, 1.4vw, 10px);
    color: rgb(102, 51, 51) !important;
    width: 150%;
    left: -25%;
    top: 0;
}

ul{
    color: rgb(102, 51, 51) !important; 
}

li{
    color: rgb(102, 51, 51) !important;
}