@font-face {
  font-family: "Barabara";
  src: url("/static/barabara.fc2cef5fd6a5.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

.noto-sans-thai-looped-thin {
  font-family: "Noto Sans Thai Looped", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.noto-sans-thai-looped-extralight {
  font-family: "Noto Sans Thai Looped", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.noto-sans-thai-looped-light {
  font-family: "Noto Sans Thai Looped", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.noto-sans-thai-looped-regular {
  font-family: "Noto Sans Thai Looped", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.noto-sans-thai-looped-medium {
  font-family: "Noto Sans Thai Looped", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.noto-sans-thai-looped-semibold {
  font-family: "Noto Sans Thai Looped", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.noto-sans-thai-looped-bold {
  font-family: "Noto Sans Thai Looped", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.noto-sans-thai-looped-extrabold {
  font-family: "Noto Sans Thai Looped", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.noto-sans-thai-looped-black {
  font-family: "Noto Sans Thai Looped", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.navbar {
  background-color: #120037;
  padding: 0;
  margin: 0;
}

.main-logo {
  height: 4rem;
  padding: 0;
  margin: 0;
}

#navbarDropdown {
  padding-right: 1rem;
}

#account {
  padding-right: 2rem;
}

#login-button {
  background-color: #a274ff;
  color: #ffffff;
}

.btn-ps-light {
  background-color: #a274ff;
  color: #ffffff;
}

.btn-ps-light:hover {
  color: #bdbcbc;
}

.btn-ps {
  background-color: #120037;
  color: #ffffff;
}

.btn-ps:hover {
  color: #bdbcbc;
}

.thead-ps-dark {
  background-color: #120037;
  color: white;
}

.btn-outline-ps {
  color: #120037;
  border-color: #120037;
  background-color: white;
}

.btn-outline-ps:hover {
  color: #ffffff;
  background-color: #120037;
  border-color: #120037;
}

#footerCopyRightText {
  font-size: 0.75rem;
  text-align: center;
  color: #120037;
}

body.dark-mode {
  background-color: #1e1e2e;
  color: #cdd6f4;
}

body.dark-mode .song-header h2 {
  color: #f29f75;
}

body.dark-mode h1 {
  color: #d9d7f1;
}

body.dark-mode .note_bottom {
  color: cyan !important;
}

body.dark-mode .section-note p {
  color: cyan !important;
}