:root{
    margin:0;
}
body{
    background-color: #4158D0;
    background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
    color:white;
}


.navbar {
    color:white;
}
.nav-link{
    color:white;
}
.navbar-brand{
    color:white;
}

/* display background color black on navbar scroll */
.navbarScroll.navbarDark {
    background-color:#9d44ba;
}
.navbar-toggler{
    border: 3px solid black;
}


.bgimage {
    height:100vh;
    /* background: url('images/heroImage.jpeg'); */
    /* background-color: #4158D0;
    background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
    background-size:cover;
    position:relative; */
}

.hero_title {
    font-size: 4.5rem;
}
.hero_desc {
    font-size: 2rem;
}
.hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}

/* about section image css */
.about{
    /* background-color: #4158D0;
    background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); */
    font-weight: 600;
    /* height:100vh; */
    
    margin-bottom:2rem;
    color:white;
  

    
    
}
.imageAboutPage {
    border-radius: 50%;
    width:100%;
    /* height: 100%; */
    /* transform: scale(0.7,0.7); */

}


/* services section */
.services{
    margin-top: 4 rem;
    /* height:100vh; */
    color:white;
    margin-bottom: ;
}
.servicesText.card{
    height:60vh;
    cursor:pointer;

    background: #d471e3e2;
    /* background: -webkit-linear-gradient(to right, #b91d73, #f953c6);   */
    /* background: linear-gradient(to right, #b91d73, #f953c6);  */

    /* background-color: #FBDA61;
background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%); */

    /* background: -webkit-linear-gradient(to right, #b91d73, #f953c6); 
    background: linear-gradient(to right, #cf2783, #f953c6);  */

}
.servicesIcon{
    font-size: 36px;
    text-align:center;
    width:100%;
}
.card-title {
    text-align: center;
}
.card:hover .servicesIcon {
    color: #9b2c94;
}
.servicesText:hover {
    border: 2px solid #1171bb;
}


/* social media icons styling */
.social-icons {
    font-size: 36px;
    cursor: pointer;
}
.fa-facebook:hover,.fa-instagram:hover,.fa-twitter:hover,.fa-linkedin:hover, .fa-twitch:hover {
    color: #008000;
}
.fab {
    color: #000000;
}

/* footer styling */
#footer {
    background-color: #808080;
    text-align: center;
}

/* spacing on all sections */
#about, #services, #portfolio, #contact {
    margin-top: 4rem;
    padding-top: 4rem;
    
}
#contact {
    padding-bottom: 4rem;
    
}