.container {
    display: flex;
    justify-content: center; /* จัดให้อยู่ตรงกลาง */
    align-items: center;
    height: 100vh; /* ให้สูงเต็มจอ */
}

.half-width {
    width: 50%;
    padding:10px;
/*    background-color: lightblue;*/
    height: 100px;
    text-align: center;
}

.align-right input {
    text-align: right;
}

.rounded {
    border-radius: 10px; /* หรือค่าที่ต้องการ เช่น 5px, 50% */
}

.example {
    background-color: #eee;
    width: 200px;
    height: 100px;
    border: 1px dotted black;
    overflow-y: scroll; /* Add the ability to scroll */
}

    /* Hide scrollbar for Chrome, Safari and Opera */
    .example::-webkit-scrollbar {
        display: none;
    }

/* Hide scrollbar for IE, Edge and Firefox */
.example {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

@keyframes fadeInOverlay {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (max-width: 600px) {
    .clamp-text {
        font-size: 16px;
        -webkit-line-clamp: 2;
    }
}