body {
  margin: 0;
  background-image: url("/static/images/droneSquareBG.b2fad3919bd2.png");
  background-position: top;
  background-attachment: fixed;
  background-size: cover;
}

.navbar {
  z-index:1000;
}

.yam-header {
  font-family: "Lilita One", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-shadow: 3px 3px #2c3e50;
  color: #ef8613;
}

.yam-small-header {
  font-size: 80%;
  font-weight: 300;
  text-shadow: 2px 2px #2c3e50;
  color: #506f86;
}

h1  {
  font-family: "Lilita One", sans-serif;
  font-weight: 200;
  font-style: normal;
  text-shadow: 1px 1px #2c3e50;
  color: #ef8613;
}

h3 {
  font-variant: all-small-caps;
  font-family: Arial, sans-serif;
}

.content {
  position: absolute;
  width: 100%;
}

.masthead {
  margin-top: 10vh;
}

.push-down {
  margin-top: 40vh;
}

p {
  text-align: justify;
}
section {
  background-image: url("/static/images/whiteWash.6c98a379a41a.png");
  background-repeat: repeat;
  text-align: center;
  padding: 2rex 1rem;
  margin-bottom: 7rex;
}

.solid-white {
  display: block;
  background-color: #fff;
  padding: 1rex 3rem;
  border-radius: 7px;
}

.solid-blue {
  display: block;
  background-color: #2c3e50;
  color: #fff;
  padding: 1rex 3rem;
  border-radius: 7px;
}

.block-style:nth-child(odd) {
  display: block;
  background-color: #fff;
  padding: 1rex 3rem;
  border-radius: 7px;
}

.block-style:nth-child(even) {
  display: block;
  background-color: #2c3e50;
  color: #fff;
  padding: 1rex 3rem;
  border-radius: 7px;
}

.page-image {
  height: auto;
  margin: 0;
  border-radius: 7px;
}
.content-image {
  width: 40vw;
  height: auto;
  margin: 0;
  border: 5px solid #ef8613;
  border-radius: 7px;
}

.card-width-small {
  max-width: 20rem;
  min-width: 15rem;
  width: 19rem;
}

.card-width-medium {
  max-width: 50rem;
  min-width: 30rem;
  width: 45rem;
}

.card-width-large {
  max-width: 50rem;
  min-width: 30rem;
  width: 45rem;
}

.royal-blue-bg {
  background-color: #506f86;
  color: #fff;
  border-bottom: solid 3px #f8ff00;
}

.yam-bg {
  background-color: #ef8613;
  color: #fff;
  border-bottom: solid 3px #f8ff00;
}

.yam-button {
    background-color: #ef8613;
    color: #fff;
    border-bottom: solid 3px #f8ff00
}

.royal-button {
  background-color: #506f86;
  color: #fff;
  border-bottom: solid 3px #f8ff00;
}

.search-list {
  list-style: none;
  text-align: left;
}

.search-list a {
  color: #2c3e50;
  text-decoration: none;
  border-bottom: dotted 2px var(--bs-primary);
}

footer {
  position: absolute;
  bottom: 0;
  background-color: #ef8613;
  height: auto;
  width: 100%;
  font-style: italic;
  font-size: 100%;
  font-weight: 600;
  color: #fff;
  text-align: right;
  padding: 1rex 5rem;
}

footer a {
  color: #fff;
}

footer a:hover {
  color: #f8ff00;
}
.footer-button {
  text-decoration: none;
  font-style: normal;
  padding: 0.25em;
  background-color: #506f86;
  color: #fff;
  border-bottom: solid 3px #f8ff00;
  border-radius: 5px;
}

.animated-title span {
  display: inline-block;
  opacity: 0;
  filter: blur(4px);
}

.animated-title span:nth-child(1) {
  animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.animated-title span:nth-child(2) {
  animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.animated-title span:nth-child(3) {
  animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.animated-title span:nth-child(4) {
  animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.animated-title span:nth-child(5) {
  animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.animated-title span:nth-child(6) {
  animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.animated-title span:nth-child(7) {
  animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.animated-title span:nth-child(8) {
  animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.animated-title span:nth-child(9) {
  animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.animated-title span:nth-child(10) {
  animation: fade-in 0.8s 1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(11) {
  animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(12) {
  animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(13) {
  animation: fade-in 0.8s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(14) {
  animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(15) {
  animation: fade-in 0.8s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(16) {
  animation: fade-in 0.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(17) {
  animation: fade-in 0.8s 1.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(18) {
  animation: fade-in 0.8s 1.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

.scroll-fade {
   transform: translateX(-30px);
  opacity: 0;
  transition: 2s;
}

.scroll-show {
  transform: translateY(0px);
  opacity: 1;
}