@import url("https://fonts.googleapis.com/css2?family=Anuphan:wght@100;200;300;400;500;600;700&display=swap");

@font-face {
  font-family: Greyhound;
  src: url("../fonts/Greyhound.otf");
}
@font-face {
  font-family: Greyhound-bold;
  src: url("../fonts/Greyhound\ Bold.otf");
}

@font-face {
  font-family: Greyhound-italic;
  src: url("../fonts/Greyhound\ Italic.otf");
}

@font-face {
  font-family: IBMPlexSansThai-medium;
  src: url("../fonts/IBMPlexSansThai-Medium.ttf");
}
@font-face {
  font-family: IBMPlexSansThai-regular;
  src: url("../fonts/IBMPlexSansThai-Regular.ttf");
}

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: IBMPlexSansThai-regular;
  color: #614d37;
}

.font-title {
  font-family: Greyhound;
  font-size: 28px;
  color: #614d37;
}

.font-title-l {
  font-family: Greyhound;
  font-size: 56px;
  color: #614d37;
}

.font-title2 {
  font-family: IBMPlexSansThai-medium;
  font-size: 26px;
  color: #614d37;
}
.font-title-thai {
  font-family: IBMPlexSansThai-regular;
  font-size: 28px;
  color: #614d37;
}

.font-subtitle-thai {
  font-family: IBMPlexSansThai-regular;
  font-size: 16px;
  color: #614d37;
}
.font-detail {
  font-family: IBMPlexSansThai-regular;
  font-size: 14px;
  color: #614d37;
}
.font-remark {
  font-family: IBMPlexSansThai-regular;
  font-size: 14px;
  color: #614d37;
}
.font-detail-title {
  font-family: IBMPlexSansThai-medium;
  font-size: 20px;
  color: #614d37;
}
.font-detail-subtitle {
  font-family: IBMPlexSansThai-medium;
  font-size: 16px;
  color: #614d37;
}

.register-btn {
  font-family: IBMPlexSansThai-regular;
  font-size: 14px;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 33%;
  background-color: #665c58;
  color: #eee8e2;
  border-radius: 25px;
  padding: 10px 0px 8px 0px;
  border: none;
  gap: 4px;
}
.register-btn i {
  font-size: 18px;
}
.register-btn:hover {
  background-color: #665c58;
  color: #eee8e2;
}

@media only screen and (min-width: 960px) {
  .register-btn i {
    font-size: 24px;
  }
  .register-btn {
    font-size: 20px;
  }
  .font-title-thai {
    font-family: IBMPlexSansThai-regular;
    font-size: 36px;
    color: #614d37;
  }
  .font-subtitle-thai {
    font-family: IBMPlexSansThai-regular;
    font-size: 20px;
    color: #614d37;
  }
  .font-detail {
    font-family: IBMPlexSansThai-regular;
    font-size: 16px;
    color: #614d37;
  }
  .font-detail-title {
    font-family: IBMPlexSansThai-medium;
    font-size: 24px;
    color: #614d37;
  }
  .font-detail-subtitle {
    font-family: IBMPlexSansThai-medium;
    font-size: 18px;
    color: #614d37;
  }
  .font-title {
    font-family: Greyhound;
    font-size: 36px;
    color: #614d37;
  }
}