@font-face {
  font-family: "Amatic Bold";
  src: url("../assets/amatic/Amatic-Bold.ttf");
}

@font-face {
  font-family: "Amatic Regular";
  src: url("../assets/amatic/AmaticSC-Regular.ttf");
}

@font-face {
  font-family: "Didact Gothic";
  src: url("../assets/didact-gothic/didactgothic-regular.otf");
}

.hero-body {
  color: #006528ff;
  font-family: "Didact Gothic";
}
.has-main-background {
  background-color: #e5f0e9ff;
}

.has-amatic {
  font-family: "Amatic Bold";
}

#right-main {
  background-image: url("../assets/drechsler.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.content,
.is-1,
.is-2,
.title,
.is-3,
strong {
  color: #006528ff;
}

.content h3 {
  color: #006528ff;
  font-family: "Amatic Bold";
  font-size: 2.5rem;
}

.content {
  max-height: 60vh;
}

.ctx {
  max-height: 60vh;
  overflow-y: auto;
}

#bottom a {
  color: white;
}

.has-nav-background {
  background-color: rgba(0, 101, 40, 0.8);
  color: white;
}

#bottom,
#bottom a,
.has-nav-background a {
  color: white;
}

#bottom a:hover,
.has-nav-background a:hover {
  color: lightgrey;
}

#bottom {
  background-color: #006528ff;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  background-color: #006528ff;
}

.logofont {
  font-family: "ITC Benguiat", Courier, monospace;
}

.level-item .box {
  padding: 1rem;
  width: 95%;
}

#content-container a {
  color: #006528ff;
}

#content-container a:hover {
  color: black;
}