.icon-container {
    display: flex;
    justify-content: center; /* จัดให้อยู่กลางแนวนอน */
    align-items: center; /* จัดให้อยู่กลางแนวตั้ง */
    height: 100px; /* กำหนดความสูง */
}

.spin {
    animation: spin 1s linear infinite;
    transform-origin: center; /* หมุนจากจุดกลาง */
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}


/* กำหนดความกว้างของ scrollbar */
::-webkit-scrollbar {
    width: 8px;  /* กำหนดความกว้างของ scrollbar (บางลง) */
    height: 8px; /* หากต้องการปรับขนาด scrollbar ในแนวนอน */
}

/* ลักษณะของ scrollbar thumb (ส่วนที่เราสามารถเลื่อน) */
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3); /* สีของ thumb */
    border-radius: 10px; /* มุมโค้ง */
}

/* ลักษณะของ scrollbar track (พื้นหลังของ scrollbar) */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* สีพื้นหลังของ track */
    border-radius: 10px; /* มุมโค้งของ track */
}
html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

body {
    flex: 1;
}

.footer {
    width: 100%;
    background-color: #343a40;
    position: relative;
    margin-top: auto; /* ทำให้ footer อยู่ที่ด้านล่างสุด */
}