@charset "UTF-8";
/* CSS Document */

body{
 color: rgba(0,0,0,1.00);
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

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

footer{
 color: rgba(0,0,0,1.00);
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
text-decoration: none;
}

.logo{
  font-family: "Homemade Apple", cursive;
  font-weight: 400;
  font-style: normal;
}

/* Buttons */
.custom-btn {
  border: 1px solid black;
  margin-right: 10px;
  padding: 8px 20px;
  border-radius: 8px;
  color: #000000;
}

.custom-btn:hover {
  background-color: #000000;
  color: #ffffff;
}

.resume-frame {
  background-color: #7c847a;
  padding: 20px;
  display: inline-block;
}

.gallery-section {
  background-color: #7c847a;
}

.carousel-img {
  width: 100%;
  height: auto;
}

/* Only make them tall on desktop */
@media (min-width: 768px) {
  .carousel-img {
    height: 400px;
    object-fit: cover;
  }
}

/* make arrows visible on green */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(1);
}

/* Default (mobile) — keep inside */
.carousel-control-prev {
  left: 10px;
}

.carousel-control-next {
  right: 10px;
}

@media (min-width: 768px) {
  .carousel-control-prev {
    left: -60px;
  }

  .carousel-control-next {
    right: -60px;
  }
}

.design-section {
  background-color: #7c847a;
}

.photo-section {
  background-color: #aeb892;
}


.subtitle {
  font-size: 0.95rem;
  color: #555;
}

.gallery-img {
  width: 100%;
  height: auto;
}

/* Make images uniform on desktop */
@media {
  .gallery-img {
    height: 300px;
    object-fit: cover;
  }
}