@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,700;1,300&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  padding-bottom: 375px;
  background-color: #5d5d5d;
}

h2 {
  color: #a9e4f8;
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-size: 2.4rem;
}

h3 {
  color: #f8eaa9;
  font-weight: 700;
}

p {
  font-size: 1.2rem;
}

a {
  color: #a9e4f8;
  text-decoration: none;
}

button {
  text-transform: uppercase;
}

footer a.nav-link {
  color: #a9e4f8;
}

.blockquote {
  font-size: 0.9rem;
}

.pageTitles {
  font-weight: 700;
  font-size: 2rem;
}

.indentList {
  margin-left: -50px;
}

.contactArea {
  font-size: 1.8rem;
  line-height: 2rem;
  padding: 3rem 1.4rem;
  border-radius: 20px;
  background-color: rgba(256, 256, 256, 0.2);
}

.navFooterText {
  font-size: 1.2rem;
}

.footerText {
  font-size: 1rem;
}