body{
  background-color: #FBC2B5;
  padding: 0px;
  margin: 0px;
  overflow-x: hidden;
  padding-bottom: 0px; 
  padding-top: 20px; 
}

/*Nav Bar*/
.nav-item{
    justify-content: center;
    text-align: center;
    padding-left: 40px;

}
.navbar-nav .nav-link.active.glow {
  color: white; 
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.8); 
}
.navbar-nav .nav-item:hover .nav-link {
  color: #A14A76; 
  text-decoration: underline;
}
.carousel-control-prev, .carousel-control-next {
  bottom: 75%;
  z-index: 5;

}
  #name{
    text-align: center;
    color: #353535;
    font-family: 'Koulen', sans-serif;
    text-decoration: none;
    font-size: 25px;
    padding-left: 110px;
  }
  .youmans {
    color: #747474;
}   
.navbar {
  backdrop-filter: blur(5px);
}
/*Nav Bar*/







h2{
    font-family: 'Koulen';
    font-weight: lighter;
}
p{
    font-family: 'KoPub Batang';
    color: #747474;
}


/*Front Page*/
.FP {
  position: relative;
  text-align: center;
  color: white;
  font-family: 'Komoda', sans-serif;
  margin-bottom: 10%;
  opacity: 0;
  animation: fadeIn 7s forwards;
  margin-top: 55px;
  position: relative;
  text-align: center;
  color: white;
  max-width: 100%;
  overflow: hidden;
  height: 550px;
}
.wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Adjust the color and opacity */
  z-index: 2;
}
.FP img {
  position: relative;
  width: 150%;
  height: 100%;
  animation: slideImage 10s linear infinite;
  bottom: 400px;
}
.FP h1 {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Koulen', sans-serif;
  font-size: 80px;
  letter-spacing: 2px;
  font-weight: lighter;
  background-color: transparent;
  padding: 25px;
  height: 250px;
  display: inline-block;
  z-index: 3;
}
.FP #phrase {
  position: absolute;
  top: 68%; 
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Koulen', sans-serif;
  color: #ffffff;
  font-size: 35px;
  letter-spacing: 3px;
  line-height: 0px;
  z-index: 3;
}
.FP #title {
  position: absolute;
  top: 75%; 
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Koulen', sans-serif;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 0px;
  z-index: 3;
}
@media only screen and (max-width: 768px) {
  .carousel-item img {
    bottom: 0; /* Adjust this value as needed for your mobile view */
  }
  .carousel-control-prev,.carousel-control-next {
    width: 40px;
    height: 100%;
  }
}

/* Fade Effect */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideImage {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-1%); /* Adjust the percentage based on the desired sliding distance */
  }
}
/*Front Page*/



/*Gallery*/

.row{
  padding: 100px;
}
.row img {
  transition: transform 0.5s;
}

.row img:hover {
  transform: scale(1.05);
  cursor: pointer;
}

/*Gallery*/




/*Fade In*/

/*Fade In*/





























/*Footer*/
footer{
    text-align: center;
    width: 80%;
    height: 0px;
    margin: auto;
    border-top: 1px solid #747474;
  }
  footer p {
    padding-top: 20px;
  }
  /*Footer*/