@import url('https://fonts.googleapis.com/css?family=Kanit');

html{
  scroll-behavior: smooth;
}
#search-bar{
    border-radius: 50px;
}
.hero-image{
  width: 98vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
  background-image: url('./image/background.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.hero-image .btn {
  display: block;
  width: 200px;
  padding: 1em;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  color: white;
  text-decoration: none;
  font-size: 1.5em;
  border: 3px solid white;
  border-radius: 20px;
  background-color: #6699FF;
}


.btn a:hover{
  background-color: azure;
  color: black;
}

#advance-search{
  text-align: center;
}

section #reference{
  color: black;
}