@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;700&display=swap');

html{
    height: 100%;

  }
  
  body{
    display: flex;
    flex-direction: column;
    height: 100%;
    font-family: "Prompt" , serif !important;

  }
  
  
  /* จัดการเมนูด้านบน */
  .nav .nav-link {
    color: #FFFFFF !important; /* สีพื้นฐาน */
    transition: color 0.3s;
  }
  
  .nav .nav-link:hover,
  .nav .nav-link:focus,
  .nav .nav-link:active {
    color: #ECBF1B !important; /* สีเมื่อ Hover, Focus, และ Active */
  }
  
  /* ลิงก์ที่เป็น active */
  .nav .nav-link.active {
    color: #ECBF1B !important; /* สีที่ต้องการสำหรับลิงก์ active */
  }
  
  /* ลิงก์ที่มีคลาส link-secondary */
  .nav .link-secondary {
    color: #ECBF1B !important;
  }
  
  
  
  /* ปุ่ม "เข้าสู่ระบบ" */
  .btn-outline-primary {
    color: #ECBF1B !important;
    border-color: #ffffff !important;
    background-color: transparent !important; /* กำหนดให้พื้นหลังเป็นโปร่งใส */
  }
  
  .btn-outline-primary:hover {
    color: #ffffff !important;
    background-color: #ECBF1B !important;
    border-color: #ECBF1B !important;
  }
  
  /* ปุ่ม "สมัครบัญชี" */
  .btn-primary {
    color: #ECBF1B !important;
    background-color: transparent !important; /* กำหนดให้พื้นหลังเป็นโปร่งใส */
    border-color: #ffffff !important;
  }
  
  .btn-primary:hover {
    color: #ffffff !important;
    background-color: #ECBF1B !important;
    border-color: #ECBF1B !important;
  }
  
  footer{
    color: #FFFFFF;
    padding: 1rem;
    text-align: center;
    flex: 0 0 auto;
  }