html,
body {
  height: 100%;
}
.h-100 {
  height: 100%;
}
a:hover {
  text-decoration: none;
}
#mainNav .nav-link {
  color: #96bfb7;
}
#mainNav .nav-link:hover {
  color: black;
}
.my-mast-head {
  font-family: "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 6.5rem !important;
  line-height: 6.5rem;
  letter-spacing: 0.8rem;
  background: linear-gradient(
    rgba(255, 255, 255, 0.9),
    rgba(255, 255, 255, 0.82)
  );
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  max-width: 100% !important;
}
.masthead {
  /* background: linear-gradient(
      to bottom,
      rgba(7, 7, 7, 0.3) 0%,
      rgba(0, 0, 0, 0.29) 75%,
      #000 100%
    ), */
  background: url("../assets/img/bg-masthead.webp");
  background-position-x: 0%, 0%;
  background-position-y: 0%, 0%;
  background-repeat: repeat, repeat;
  background-attachment: scroll, scroll;
  background-size: auto, auto;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  background-position: center;
}

.about-section {
  padding-top: 10rem;
  padding-bottom: 5rem;
  background: #96bfb7;
}

.bg-pink {
  background-color: #bda0bc;
}

.bg-2 {
  background: url("../assets/img/bg-2.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.projects-section .featured-text {
  border-left: 0.5rem solid #5c80bc;
}

.myInputs input {
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
  padding: 1.25rem 2rem;
  height: auto;
  font-family: "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 80%;
  letter-spacing: 0.15rem;
  border: 0;
}

.f-script {
  font-family: "Dancing Script", cursive;
}
