body {
  margin: 0;
  padding: 0;
  background: #b6d5b6;
}

.highlight {
  background-color: #a9c8a7;
  border-radius: 0.5rem;
  padding: 0.75rem;
}

h2 {
  font-size: 3rem;
  font-weight: bold;
  color: #264a35;
  text-transform: uppercase;
  padding: 0.5rem 0.5rem;
  padding-bottom: 0.75rem;
}

h3 {
  color: #335236F7;
  font-weight: 550;
}

.sec_img {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
  border-radius: 0.75rem;
}

.sec_sep {
  color: #b6d5b6;
  padding: 0;
  margin: 0 0;
}

.nav_bar {
    background:#3a6e49;
    font-family: "Helvetica", sans-serif;
    display: flex;
    padding: 0;
    justify-content: space-between;
    align-items: center;
}

.nav_bar #nav_logo img {
    height: 5.5rem;
    width: auto;
}

.nav_bar #nav-menu {
    display: flex;
    list-style: none;
    gap: 3rem;
    margin-right: 1rem;
}

.nav_bar a {
    color: azure;
    font-size: 1.25rem;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 550;
    text-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
}

.dropdown {
  display: none;
}

.sub-info {
  color: rgb(77, 77, 77);
  font-style: italic;
  padding: 0;
}

/* --- TITLE SECTION --- */

#TitlePage {
  background-image: url("Images/Title_Background_(Transparent_10).png");
  background-color: white;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 90vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

h1 {
  font-size: 8vw;
  padding: 0.25rem;
  color: #3a6e49;
  text-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
  text-transform: uppercase;
  font-weight: 700;
}

.icons {
  font-size: 2.5vw;
  display: flex;
  gap: 5rem;
}

.icons span {
  color: #587c61;
}

.icons span:hover {
  color: #3a6e49;
}

/* --- EXPERIENCE SECTION --- */

#AACarousel {
  border-radius: 0.75rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
}

#AACarousel .carousel-item {
  height: 50vh;
  background: #587c61;
  border-radius: 0.75rem;
}

#AACarousel .carousel-item img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

#AACarousel .caption-box {
  background: rgba(221, 215, 215, 0.8);
  border-radius: 1rem;
  padding: 0.5rem;
  width: auto;
  display: inline-block;
}
#AACarousel .carousel-caption {
  bottom: 1.5rem;
}

#AACarousel .carousel-caption h5 {
  color: black;
  font-size: medium;
  margin-bottom: 0;
}

/* --- PROJECTS SECTION --- */

.btn {
  background-color: #587c61;
  border: none;
}

.btn:hover {
  background-color: #3a6e49;
}

/* --- CONTACT SECTION --- */

.contact-inputs {
  padding: 0.15rem 0.25rem;
  border-radius: 0.5rem;
  border: 0.05rem;
}

#alt_con {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left; 
}

#Projects .card {
  border-radius: 0.75rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
}

#Projects .card .card-body {
  background-color: #dedede;
  font-weight:500;
  justify-content:center;
  text-align:center;
  place-items:center;
  display:flex;
  width:100%;
  height:40vh;
  border-radius:0.75rem;
  font-size: 1.25rem;
  color: rgb(91, 91, 91);
}

/* --- FOOTER --- */

footer {
  display: flex;
  justify-content: center;
}

/* --- SPECS FOR SMALLER SCREEN SIZES --- */

@media (max-width: 770px) {
  /*.dropdown {
    display: block;
    position: relative;
  }

  .nav_bar #nav-menu {
    display: none;
  }

  .custom-dropbtn i {
    font-size: 1.5rem;
  }

  .custom-dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    min-width: 0;
    width: max-content;
    max-width: 16rem;
    box-sizing: border-box;
    transform: none !important;
    flex-direction: column !important;
  }

  .custom-dropdown-menu li {
    display: block;
    width: 100%;
  }

  .custom-dropdown-menu .dropdown-item {
    width: 100%;
    text-align: center;
    white-space: normal;
    overflow-wrap: break-word;
  }*/

  .nav_bar {
    flex-direction: column;
    align-items: center;
    padding: 0.5rem 0;
  }

  .nav_bar ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin: 0;
    padding: 0;
  }

  .nav_bar #nav_logo img {
    height: 5.75rem;
    width: auto;
}

  .nav_bar a {
    font-size: 1.15rem;
  }

  h1 {
    font-size: 7vh
  }

  .icons {
    font-size: 3vh;
    gap: 2rem;
  }

  #alt_con {
    padding-top: 1.5rem;
  }
}