/* นำเข้าฟอนต์ Google Fonts ภาษาไทย */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600&display=swap');

body {
    font-family: 'Kanit', sans-serif; /* ใช้ฟอนต์ Kanit เพื่อความสวยงาม */
    scroll-behavior: smooth; /* ทำให้เวลาคลิก Navbar เลื่อนลงมาแบบนุ่มนวล */
}

/* จัดการระยะห่างเมื่อมี Fixed Navbar (ป้องกัน Navbar ทับเนื้อหา) */
section {
    padding-top: 80px; 
    margin-top: -80px;
}

/* ตกแต่ง Section หน้าแรก (Hero Section) */
.hero-section {
    min-height: 100vh;
    background: linear-gradient(135deg, rgba(33,37,41,0.9), rgba(13,110,253,0.8)), url('https://images.unsplash.com/photo-1517694712202-14dd9538aa97?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center/cover;
    /* หมายเหตุ: สามารถเปลี่ยน URL รูปพื้นหลังได้ตามต้องการ */
}

/* เอฟเฟกต์เวลาชี้เมาส์ไปที่การ์ด (Hover) */
.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}