*{
    margin:0;
    padding: 0;
    box-sizing:border-box;
    
    
}
* a{
    text-decoration: none;
}


.container{
    position: relative;
    min-height: 100vh;
}
.bg{
    width: 100%;
    height: 100%;
    position: relative;
}

.menu {
    display: flex;
    justify-content: center; /* จัดวางให้อยู่ตรงกลางในแนวนอน */
    align-items: center; /* จัดวางให้อยู่ตรงกลางในแนวตั้ง */
    padding: 20px 0;
  }
  
  .menu ul {
    list-style-type: none; /* ซ่อนจุดหน้ารายการ */
    padding: 0;
    margin: 0;
    display: flex;
  }
  
  .menu ul fieldset {
    border: none; /* ซ่อนกรอบของ fieldset */
    margin: 0 15px; /* เว้นระยะห่างระหว่างเมนู */
  }
  
  .menu ul a {
    text-decoration: none; /* ลบขีดเส้นใต้ */
    color: #000; /* กำหนดสีของลิงก์ */
    font-size: 18px;
    padding: 10px;
    border-radius: 5px;
    transition: background-color 0.3s ease; /* เพิ่มเอฟเฟกต์เมื่อชี้เมาส์ */
  }
  
  .menu ul a:hover {
    background-color: #000000; /* สีพื้นหลังเมื่อชี้เมาส์ */
  }
  

.bg::after{
    content:"";
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:url('https://plus.unsplash.com/premium_photo-1673306778968-5aab577a7365?fm=jpg&w=3000&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8YmFja2dyb3VuZCUyMGltYWdlfGVufDB8fDB8fHww');
    z-index: -1;
    filter:brightness(50%)
    
}

.container {
    display: flex;
    flex-direction: column;
    align-items: center; /* จัดให้อยู่ตรงกลางแนวตั้ง */
    justify-content: center; /* จัดให้อยู่ตรงกลางแนวนอน */
    min-height: 100vh; /* ให้ครอบคลุมทั้งหน้าจอ */
    text-align: center; /* จัดข้อความให้อยู่ตรงกลาง */
  }
  
  .menu ul {
    list-style-type: none;
    display: flex;
    justify-content: center; /* จัดเมนูให้อยู่ตรงกลาง */
    padding: 0;
  }
  
  .menu ul li {
    margin: 0 15px; /* เว้นระยะห่างระหว่างเมนู */
  }
  
  .Picture {
    margin-top: 20px;
  }
  
  .Picture img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; /* จัดรูปภาพให้อยู่ตรงกลาง */
  }
  
  h1, h2 {
    text-align: center;
    margin-bottom: 20px;
  }