@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }
  @font-face {
    font-family: 'FasterOne';
    src: url('../fonts/FasterOne-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }


html {
    background: url(../images/background.jpg) no-repeat top center fixed;

    background-size: 100%;
    background-color: #000030;
    font-size: 1.2em;
    font-family: 'Sarabun', sans-serif;


}

.SectionTitle {
  background-color: #81628b;
  padding: 30px;
  font-size: 3em;
  color: white;
  text-align: center;
  max-width: 1100px;
  margin: 20px auto;
  margin-top: 0px;
  margin-bottom: 0px;
    border-radius: 10px;
    font-family: 'FasterOne', sans-serif;

    


}

.SectionBody {
    display: flex;
    max-width: 1000px;
    margin: 20px auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 20px;
    background-color: white;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 100px;
}

.center-div{
    display: inline-block;
    margin: 20px auto;

}
.center-div img{
    padding: 10px;
}

.center-text-div{
    display: inline-block;
    margin: 20px auto;
    text-align: left;

}
  
.left-div, .right-div {
    display: inline-block;
    width: 50%; /* make both divs take up 50% of the container's width */
}

.right-div{
    text-align: left;
}

.Highlights{
    display: flex;
    width: 90%;
}

.Highlights div {
    padding: 10px;
}

a {
    color: #3b2da3;
    text-decoration: none;
}

ul {
    list-style: none;  
  }

  li{
    padding: 8px;
  }