html {
  height: 100%;
}

body {
  background-color: #264a98;
  color: #e5e5e5;
  font-family: "Kanit";
  display: flex;
  flex-direction: column;
  height: 100%;
}

.text {
  flex: 1;
  margin-top: 10px;
  padding-left: 10px;
}

.navbar {
  background-color: #07276b;
}

.navbar-brand {
  margin-left: 15px;
  margin-right: 15px;
  color: #e5e5e5;
}

.navbar-brand:hover {
  color: #cbd5f5;
}

.navbar-brand:focus {
  color: #cbd5f5;
}

.navbar-nav {
  margin-left: 15px;
}

.nav-item {
  padding-right: 20px;
}

.nav-link {
  color: #e5e5e5;
}

.nav-link:hover {
  color: #cbd5f5;
}

.nav-link:focus {
  color: #cbd5f5;
}

.modal-dialog {
  color: #07276b;
}

.btn-primary {
  background-color: #244eab;
  border: none;
}

.btn-primary:hover {
  background-color: #1e4393;
}

/* unvisited link */
/* a:link {
  color: rgb(255, 229, 134);
} */

/* visited link */
/* a:visited {
  color: rgb(255, 229, 134);
} */

/* mouse over link */
/* a:hover {
  color: rgb(255, 229, 134);
} */

/* selected link */
/* a:active {
  color: rgb(255, 229, 134);
} */

/* .signOutBtn {

} */

.footer {
  text-align: center;
  padding-block: 8px;
  width: 100%;
  background-color: #07276b;
}


/* Kanit Font */
.kanit-thin {
  font-family: "Kanit", serif;
  font-weight: 100;
  font-style: normal;
}

.kanit-extralight {
  font-family: "Kanit", serif;
  font-weight: 200;
  font-style: normal;
}

.kanit-light {
  font-family: "Kanit", serif;
  font-weight: 300;
  font-style: normal;
}

.kanit-regular {
  font-family: "Kanit", serif;
  font-weight: 400;
  font-style: normal;
}

.kanit-medium {
  font-family: "Kanit", serif;
  font-weight: 500;
  font-style: normal;
}

.kanit-semibold {
  font-family: "Kanit", serif;
  font-weight: 600;
  font-style: normal;
}

.kanit-bold {
  font-family: "Kanit", serif;
  font-weight: 700;
  font-style: normal;
}

.kanit-extrabold {
  font-family: "Kanit", serif;
  font-weight: 800;
  font-style: normal;
}

.kanit-black {
  font-family: "Kanit", serif;
  font-weight: 900;
  font-style: normal;
}

.kanit-thin-italic {
  font-family: "Kanit", serif;
  font-weight: 100;
  font-style: italic;
}

.kanit-extralight-italic {
  font-family: "Kanit", serif;
  font-weight: 200;
  font-style: italic;
}

.kanit-light-italic {
  font-family: "Kanit", serif;
  font-weight: 300;
  font-style: italic;
}

.kanit-regular-italic {
  font-family: "Kanit", serif;
  font-weight: 400;
  font-style: italic;
}

.kanit-medium-italic {
  font-family: "Kanit", serif;
  font-weight: 500;
  font-style: italic;
}

.kanit-semibold-italic {
  font-family: "Kanit", serif;
  font-weight: 600;
  font-style: italic;
}

.kanit-bold-italic {
  font-family: "Kanit", serif;
  font-weight: 700;
  font-style: italic;
}

.kanit-extrabold-italic {
  font-family: "Kanit", serif;
  font-weight: 800;
  font-style: italic;
}

.kanit-black-italic {
  font-family: "Kanit", serif;
  font-weight: 900;
  font-style: italic;
}