.rampart-one-regular {
  font-family: "Rampart One", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.zen-kaku gothic new-regular {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}
body {
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.navbar-modified {
  background: #2a72bb;
}
.navbar-toggler {
  border: 1px solid #fcfcfc;
}
.navbar-toggler i {
  color: #fcfcfc;
}
.navbar-toggler:focus {
  outline: 0;
  box-shadow: none;
}
ul.latest-result-number {
  list-style: none;
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
  justify-content: center;
}
ul.latest-result-number li {
  border-radius: 50%;
  background: #469a66;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fefefe;
  width: 30px;
  height: 30px;
  margin: 0 0.15em;
}
ul.latest-result-starter {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 0;
  padding: 0;
  text-align: center;
}
ul.latest-result-starter li {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0.1em 0em;
}
ul.starter-list {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 0;
  padding: 0;
  text-align: center;
}
ul.starter-list li {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0.25em 0em;
}
ul.starter-list li span {
  border-radius: 50%;
  background: #2a72bb;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fefefe;
  width: 25px;
  height: 25px;
  font-size: 0.9em;
  margin: 0 0.1em;
}
table.table-index thead th {
  text-align: center;
}
table.table-index tbody td {
  text-align: center;
}
table.livedraw-table thead th {
  text-align: center;
  font-weight: bold;
}
table.livedraw-table tbody td {
  text-align: center;
  font-weight: bold;
}
a.navbar-brand {
  font-family: "Rampart One", sans-serif;
  color: #fcfcfc;
  font-size: 1.4em;
}
a.navbar-brand:hover {
  color: #fcfcfc;
}
.modified-container {
  max-width: 1000px;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.35);
  clip-path: inset(0px -15px 0px -15px);
  /* position and left properties required to bring element out from edge of parent
    so that shadow can be seen; margin-left would also achieve the same thing */
  position: relative;
  left: 15px;
}
ul.navbar-modified li a.nav-link {
  color: #fcfcfc;
}
ul.navbar-modified li a.nav-link:hover,
ul.navbar-modified li a.nav-link.active {
  color: #c40000;
}
ul.navbar-modified li a.nav-link.livedraw-link {
  background: #c40000;
  border-radius: 8px;
}
ul.navbar-modified li a.nav-link.livedraw-link.active {
  background: #469b65;
  color: #fcfcfc;
}
footer.footer-section {
  background: #2a72bb;
  color: #fcfcfc;
}
footer.footer-section p {
  text-align: center;
  margin: 0;
  padding: 0;
}