.my-cards {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    width: 40%;
    cursor: pointer;
}

.my-cards:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.my-card {
    padding: 2px 16px;
}

td a {
	margin-top: 10px;
}
.lao-font {
    font-family: 'Noto Serif Lao';
}
.button-bg-green{
    background-color: chartreuse;
}
.button-bg-white{
    background-color: floralwhite;
    
}
.answer-btn{
    background-color: red;
    color: white;
    font-size: 20pt;
    width: 100px;
    
}
.answer-btn:hover{
    background-color: darkred;
    color: white;
    font-size: 20pt;
    width: 100px;
    
}
.answer-btn:active{
    background-color: green;
    color: white;
    font-size: 20pt;
    width: 100px;
    
}
.red-font{
    color : red;
}
.td-bgblue-boldfont{
    
    font-size: medium;
    font-weight: bold;
    background: #cce5ff;
    text-align: center;
}
.preserve-content{
    white-space: pre;
    
}
.mini-btn{
    width: 70px;

}
.mini-btn-select{
    width: 70px;
    background-color: greenyellow;
}
.hide-content{
    display: none;
}
.unhide-content{
    display: block;
}