:root{
  --dark-pink:#B93160;
  --light-yellow:#FFF89C;
  --light-pink:#d75281cc;
  --trans-pink:#D7528111;
  --dark-yellow:#f4c84d;
  --dark:#19283f;
  --trans-yellow:#fff89c9e;
}

body{
  font-family: "Roboto", sans-serif;
}

.pourElle{
    font-family:'Lobster', cursive;
}

.logo{
  font-size:1.5rem;
  color: var(--light-yellow);
}

.fa-spa{
  color: var(--light-yellow);
}

/*NavBar Stylings*/

.navbar{
  background-color:var(--dark-pink);
}

.navbar .navbar-nav .nav-link{
  color: var(--light-yellow);
}

.navbar .navbar-nav .nav-link:hover{
  color:var(--dark-yellow);
}
.navbar .navbar-nav .nav-link.active{
    color:var(--dark-yellow);
}

.navbar .navbar-toggler
{
  color: var(--light-yellow);
  border-color: var(--light-yellow);
}
.navbar .navbar-toggler:focus{
    box-shadow: none;
}

.navbar .navbar-toggler[aria-expanded="true"]{
  background-color: var(--light-yellow);
  color:var(--dark-pink);
}

.main-btn, .main-btn:active, .main-btn:focus{
  background-color: var(--light-yellow);
  color:var(--dark-pink);
}
.main-btn:hover, .main-btn:active, .main-btn:focus{
  border-color:var(--light-yellow);
  color:var(--light-yellow);
  background-color:var(--dark-pink);
}

/*End NavBar stylings*/


/*Start Landing Stylings*/

.landing{
  background-color:var(--dark-pink);
  min-height:calc(85vh - 64px);
  color:var(--light-yellow);
}

.landing h1{
  font-size:3.3rem;
}

.landing p{
  color:var(--trans-yellow);
}

/*End Landing Stylings*/



/*start features*/

.fa-feather-pointed{
  color:var(--dark-yellow);
}

.main-title h2{
color:var(--dark-pink);
}

.main-title p, .feat p{
color:var(--light-pink);
}



.main-title::after{
content:"";
color:black;
width:120px;
height:2px;
background-color: var(--dark-yellow);
position:absolute;
bottom:-20px;
left:50%;
transform: translateX(-50%);
}

.fa-1,.fa-2,.fa-3,.fa-4{
color:var(--trans-pink);
font-size:12rem;
}


.iconHolder .icon{
max-width:20%;
}
.aboutusimg{
max-width:60%;
}

@media (min-width: 576px) {
.iconHolder .icon{
  max-width:20%;
}
.aboutusimg{
  max-width:40%;
}
}


@media (min-width: 768px) {
.iconHolder .icon{
  max-width:30%;
}

}


@media (min-width: 992px) {
.iconHolder .icon{
  max-width:40%;
}
.aboutusimg{
  max-width:80%;
}
}


.feat .iconHolder{
height:200px;
}
.iconHolder svg, .iconHolder img{
left:50%;
transform: translateX(-50%);
}

.features h4{
color:var(--dark-pink);
}

.sec-intro-img{
max-width:70%;
}

/*end*/


/* tips and tricks section */

.tips{
  background-color:var(--trans-pink);
}

.aboutus .content p, .aboutus .content h6{
  font-size: 0.8rem;
}

.tips img{
  border-radius: 10px;
  max-height: 545px;
}

.tips-section-header .icon{
  width:15%;
}

.tip{
position: relative;
}

.tip::after{
  content: "";
  color: black;
  width: 40%;
  height: 2.5px;
  background-color: var(--dark-yellow);
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width:723px){
  .aboutus .content p, .aboutus .content h6{
    font-size: 1rem;
  }

  .tips-section-header .icon{
    width:6%;
  }

}


/*start about us*/

.aboutus h4, .tip h4{
  color:Var(--dark-pink);
}

.aboutus p, .tip p{
  color:Var(--light-pink);
}
/*end about us*/

/* footer styling */

.contact{
  background-color: var(--dark-pink);
}

.name{
  color:var(--dark);
}

.design{
  color:var(--dark-yellow);
}

.fa-facebook{
  color:#4267b2;
}

.fa-twitter{
  color:#1c9ceb;
}

.fa-linkedin{
  color:#0a63bc;
}

.fa-youtube{
  color:red;
}

.title{
  color:var(--light-yellow);
}

.socialmedia{
  background-color:#fff89cdd;
}

.email-link{
  overflow:hidden;
  text-overflow: ellipsis;
}

.footer-link:hover{
  color:var(--dark-yellow);
}

/* end of footer styling */


/* contribute section */
.contribute{
  background-color:var(--dark-pink);
  color:var(--light-yellow);
}

.void img{
  width:245px;
  margin-bottom:30px;
}
/* end of contribute section*/