@import url('https://fonts.googleapis.com/css2?family=Kanit&display=swap');
.backgroundimg {
    background-color: #e5e5f7;
opacity: 1;
background-image:  linear-gradient(#444cf7 1px, transparent 1px), linear-gradient(to right, #444cf7 1px, #e5e5f7 1px);
background-size: 20px 20px;
}

.textbubble {
    background-color: rgba(190, 190, 190, 0.993);
    padding: 20px;
    color: black;
    margin: 4px 2px;
    font-family: 'Kanit', cursive;
    display: inline-block;
    border: none;
    border-radius: 12px;
}

.textbubble2 {
    background-color: rgba(190, 190, 190, 0.993);
    padding: 17px;
    color: black;
    margin: 4px 2px;
    cursor: pointer;
    font-family: 'Kanit', cursive;
    display: inline-block;
    border: none;
    border-radius: 12px;
}