html {
  scroll-padding-top: calc(4.5rem - 1px);
}

body {
  letter-spacing: 0.0625em;
}

#mainNav {
  min-height: 3.5rem;
  background-color: #fff;
}
#mainNav .navbar-toggler {
  font-size: 80%;
  padding: 0.75rem;
  color: #ff00ff;
  border: 1px solid #ff00ff;
}
#mainNav .navbar-toggler:focus {
  outline: none;
}
#mainNav .navbar-brand {
  color: #000;
  font-weight: 700;
  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";
}
#mainNav .navbar-nav .nav-item:hover {
  color: fade(#fff, 80%);
  outline: none;
  background-color: transparent;
}
#mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus {
  outline: none;
  background-color: transparent;
}
@media (max-width: 992px) {
  .carousel-caption{
    position: relative;
    right: 0;
    bottom: -10.75rem !important;
     left: 0;
  }
}
@media (min-width: 992px) {
  #mainNav {
    background-color: transparent;
  }
  #mainNav .navbar-brand {
    color: rgba(255, 255, 255, 0.8);
  }
  #mainNav .nav-link {
    transition: none;
    padding: 2rem 1.5rem;
    color: rgba(255, 255, 255, 0.8);
  }
  #mainNav .nav-link:hover {
    color: rgba(255, 255, 255);
  }
  #mainNav .nav-link:active {
    color: #fff;
  }
  #mainNav.navbar-shrink {
    background-color: #fff;
  }
  #mainNav.navbar-shrink .navbar-brand {
    color: #000;
  }
  #mainNav.navbar-shrink .nav-link {
    color: #000;
    padding: 1.5rem 1.5rem 1.25rem;
    border-bottom: 0.25rem solid transparent;
  }
  #mainNav.navbar-shrink .nav-link:hover {
    color: #ff00ff;
  }
  #mainNav.navbar-shrink .nav-link:active {
    color: #467370;
  }
  #mainNav.navbar-shrink .nav-link.active {
    color: #ff00ff;
    outline: none;
    border-bottom: 0.25rem solid #ff00ff;
  }
  #projects-section .featured-text {
    padding: 0 0 0 2rem;
    border-left: 0.5rem solid #ff00ff;
  }
  #projects-section .project-text {
    padding: 5rem;
  }

  #mainNav{
    transform: scale(1.2);
    transition: all 0.5s;
  }
  #mainNav.navbar-shrink{
    transform: scale(1);
  }
  .masthead h1, .masthead .h1 {
    font-size: 4rem !important;
    line-height: 4rem !important;
    font-weight: 600;
  }
}


.btn {
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
  padding: 1.25rem 2rem;
  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%;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
  border: 0;
}

.masthead {
  padding: 15rem 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 75%, #000 100%), url("../assets/img/deadlift.jpg");
  background-position-x: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}
.masthead h1, .masthead .h1 {
  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: 2.5rem;
  line-height: 2.5rem;
  letter-spacing: 0.8rem;
  background: linear-gradient(#ff00ff, rgb( 255 255 255 / 60%));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}


#about-section {
  background: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.9) 75%, rgba(0, 0, 0, 0.8) 100%);
}
#location-section {
  background: rgba(0, 0, 0, 0.8);
}
#services-section {
  background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0.9) 75%, rgba(0, 0, 0, 0.8) 100%);
}

#projects-section {

}
#projects-section .featured-text {
  padding: 2rem;
}

#projects-section .project-text {
  padding: 3rem;
  font-size: 90%;
}

#review-section {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.5) 75%, #000 100%), url("../assets/img/dumbbell.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  margin-bottom: -1px;
}

#contact-section {
  padding-top: 5rem;
}
#contact-section .card {
  border: 0;
  border-bottom: 0.25rem solid #ff00ff;
}
#contact-section .card h4, .contact-section .card .h4 {
  font-size: 0.8rem;
  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";
  text-transform: uppercase;
  letter-spacing: 0.15rem;
}
hr {
  opacity: 1;
  border-color: #ff00ff;
  border-width: 0.25rem;
  width: 3rem;
}
#contact-section .social {
  margin-top: 5rem;
}
#contact-section .social a {
  text-align: center;
  height: 3rem;
  width: 3rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  line-height: 3rem;
  color: rgba(255, 255, 255, 0.3);
}
#contact-section .social a:hover {
  color: rgba(255, 255, 255, 0.5);
}
#contact-section .social a:active {
  color: #fff;
}

.btn-light {
  --bs-btn-bg: #ff00ff;
}

.carousel-dark .carousel-caption {
  background: #ffffff54;
}

.slide-bg {
  filter: blur(8px);
  -webkit-filter: blur(4px);
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.carousel-caption {
  bottom: 3.25rem;
}

.slide-contents{
  position: absolute;
  top: 0;
  width: 100%;
}

#slide-bg-1 {
  background-image: url("../assets/img/girl-2607110_1280.jpg");
}
#slide-bg-2 {
  background-image: url("../assets/img/James_bench.jpg");
}
#slide-bg-3 {
  background-image: url("../assets/img/monkey.png");
}

.slide-contents img {
  height: 450px;
  width: auto;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.tab-content{
  min-height: fit-content;
}

#map{
  min-height: 500px;
}
:root, [data-bs-theme=light] {
--bs-border-color: #ff00ff;
--bs-link-color: #ff00ff;
--bs-border-width: 0.25rem;
--bs-link-hover-color: #dce2eb;
}
.nav-pills {
  --bs-nav-pills-link-active-bg: #ff00ff;
}