index.css

.btn-light,
.btn-light:hover,
.btn-light:focus {
  color: #282828;
  text-shadow: none; /* Prevent inheritance from `body` */
}

body {
  text-shadow: .05rem .05rem .1rem #282828;
  box-shadow: inset 0 .05 5rem #282828;
  background-image: url('/home_assets/greenforest.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  animation: wallpaper 20s infinite both;
  animation-duration: 30;
  animation-delay: 3s;
  animation-timing-function: ease-in-out;
}

@keyframes wallpaper{
  10%
  {
    background-image: url(/home_assets/greenforest.jpg)
  }
  20%
  {
    background-image: url(/home_assets/forest.jpg)
  }  
  30%
  {
    background-image: url(/home_assets/foresthill.jpg)
  }
  40%
  {
    background-image: url(/home_assets/mistyforest.jpg)
  }
  50%
  {
    background-image: url(/home_assets/lumberforest.jpg)
  }
  60%
  {
    background-image: url(/home_assets/autumnforest.jpg)
  }
  70%
  {
    background-image: url(/home_assets/blueforest.jpg)
  }
  80%
  {
    background-image: url(/home_assets/darkforest.jpg);
  }
  90%
  {
    background-image: url(/home_assets/greenforest.jpg)
  }
}

.cover-container {
  max-width: 100em;
}

.nav-masthead .nav-link {
  color: #928374;
  border-bottom: .15rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: #928374;
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fbf1c7;
  border-bottom-color: #aca68f;
}

h1 {
  color: #ebdbb2;
  font-weight: bold;
  font-size: 64px;
}

h2 {
  color: #d5c4a1;
}

h3 {
  color: #fbf1c7;
  text-shadow: 1px 1px #6a4a00;
  font-weight: bold;
  font-size: 32px;
  font-style: oblique;
}

h4 {
  color: #6a4a00;
}

p {
  color: #d5c4a1;
}