@import url("https://fonts.googleapis.com/css?family=Great+Vibes|Roboto:100,300,400,500,700,900");
body {
  font-family: "Roboto";
}

.display-1, .display-2, .display-3, .display-4 {
  font-family: "Great Vibes";
}

header {
  min-height: 100vh;
  background: linear-gradient(to top, rgba(0, 25, 0, 0.5) 0%, rgba(50, 0, 0, 0.25) 100%), url("/images/header.jpg"), #333;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  border-bottom: 15px #b39700 double;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
header h1 {
  color: gold;
  text-shadow: 2px 2px 0 #332b00;
}

section, footer {
  padding: 10vh 0;
}

#introduction {
  text-align: center;
  background: linear-gradient(150deg, darkred 0%, #580000 100%);
}
#introduction .intro {
  font-size: 2rem;
  font-weight: 300;
  color: #ffeb80;
  text-shadow: 2px 2px 0 #4d4100;
}
#introduction button {
  color: #ffeb80;
}
#introduction .card {
  text-align: left;
  text-shadow: #0c0000;
  background: rgba(255, 255, 255, 0.5);
}

#aboutus {
  background: linear-gradient(to top, rgba(0, 25, 0, 0.5) 0%, rgba(50, 0, 0, 0.25) 100%), url("/images/tree-with-decoration.jpg"), #333;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  border-top: 15px #b39700 double;
}
#aboutus .card {
  background: rgba(255, 255, 255, 0.75);
  text-shadow: 1px 1px 0 darkgray;
}

.footer {
  color: #ffeb80;
  text-shadow: 1px 1px 0 #333;
  border-top: 15px #b39700 double;
  text-align: center;
  background: linear-gradient(150deg, darkred 0%, #580000 100%);
}

.footer-icons {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-top: 1rem;
}

.footer-icon {
  color: #ffeb80;
  text-decoration: none;
  transition: opacity 0.3s, transform 0.3s;
}
.footer-icon:hover {
  color: #ffeb80;
  opacity: 0.8;
  transform: scale(1.1);
}/*# sourceMappingURL=style.css.map */