@import url('https://fonts.googleapis.com/css2?family=K2D:wght@500&display=swap');

* {
  
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Noto Serif Thai', serif;
  font-family: 'K2D', sans-serif;
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

#welcome-page {
    animation: fadeOut 2s ease forwards; 
}

body {
  font-family: Arial, sans-serif;
  background-color: #7AACEB;
  display: flex;
  justify-content: center; 
  align-items: center; 
  height: 100vh;
  margin: 0; 
}
img{
  height: auto;
  width: 90%;
}
.banner-info{
  text-align: center;
  margin-bottom: 5%;
}
.head-title{
  text-align: center;
  font-size: 26px;
  color: #ffffff;
  letter-spacing: 2px;
}
  .container{
    display: flex;
    justify-content: center; 
    align-items: center; 
    height: 100vh;
}
@keyframes fadeOut {
  from {
      opacity: 1;
  }
  to {
      opacity: 0;
  }
}
.fade-out {
  animation: fadeOut 1s ease forwards;
}