body {
  background: #faedcd;
}

* {
  font-family: "Poppins", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.navbar-brand,
.nav-link {
  color: #603000;
  padding-left: 5%;
  font-smooth: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.navbar-brand {
  font-size: 5em;
  font-weight: 300;
  padding-right: 3%;
}

.navbar-brand:hover {
  color: #9b7d60;
}

.nav-link {
  font-size: 2rem;
  font-weight: 200;
}

.nav-link:hover {
  color: #65281797;
  transform: scale(1.05, 1.05);
  text-decoration: underline;
  text-underline-offset: 1rem;
  text-decoration-thickness: 0.15rem;
}
nav.scrolled {
  background: #fefae0;
}
.about-div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* Full viewport height */
  padding-top: 120px; /* Added space between navbar and content */
  font-family: "Poppins", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.about-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3%;
}

.about {
  text-align: left;
}

.about-yian img {
  width: 100%;
  height: 100vh; /* Make the image take half the height of the viewport */
  object-fit: cover; /* Ensures the image fits without distortion */
}

@media (max-width: 991px) {
  .about-div {
    flex-direction: column;
  }

  .about-col,
  .about-yian {
    width: 100%; /* Full width on smaller screens */
  }

  .about-yian img {
    height: auto; /* Adjust image height for smaller screens */
  }
}