*{
    box-sizing: border-box;
}

/* header navvbar design starts here  */

header{
    background-image: url(./images/pic4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;
}

#navbarSec{
    background-color: rgba(0,0,0,0.3);
    padding: 1%;
}

#navbarSec ul li a{
    text-align: center;
    color:rgb(222, 255, 194);
}

#navbarSec ul li a:hover{
    background-color: black;
    color: white;
    border-radius: 10px;
}

#buttonDiv button{
    margin: 2%;
}

#headingDiv h2{
    font-family: "Satisfy", cursive;
}

/* header navvbar design ends here  */


/* card design starts here  */

#cardDiv{
    background-color: rgb(247, 207, 148);
    padding: 4% 1%;
}

#cardDiv a i{
    background-color: rgb(244, 94, 119);
    padding: 2% ;
    border-radius: 50%;
    width:80px;
    height: 60px ;
    color: white;
}

#cardSec #cardDiv .card{
    background-color: rgb(247, 207, 148);
    border: 2px solid rgb(244, 94, 119);
    text-align: center;
    padding: 1% ;
    /* margin: 1% 2%; */
    transition: 0.4s;
}

#cardSec #cardDiv .card:hover{
    transform: scale(1.1);
    box-shadow: 3px 3px 5px black ;
}

/* card desing ends here  */

/* about me section starts here  */

.hr-design{
    border: 5px dotted rgb(0, 0, 0);
    border-bottom: none;
    width: 50px;
}

#aboutmeDescription{
    width: 80%;
     margin: auto;
    text-align: center;
    margin-bottom: 1%;
}


#aboutmeDiv{
    background-color: aquamarine;
}

#abotmeContent span{
    font-weight: bold;
}

#abotmeContent p{
    margin-bottom: 0;
    font-size: 0.9rem;
}

#abotmeContent a{
    text-decoration: underline;
    color:black;
}

#row3 #skillsDiv table tr{
    margin:10px 0;
}

#row3 #skillsDiv table tr td{
    padding-right: 15px;
}

/*  about me section ends here   */


/* tutorial section design starts here  */

#tutorialDiv{
    padding: 2% 0%;
}


#tutorialSec #tutorialDiv .card{
    border: 1px solid rgb(241, 50, 225);
    transition: 0.4s;
}

#tutorialSec #tutorialDiv .card:hover{
    transform: scale(1.1);
    box-shadow: 3px 3px 5px black;
}

/* tutorial desing ends here  */


/* feedback desing starts here */

#feedbackDiv{
    padding:2%;
    background-color: rgb(248, 181, 249);
}

.carousel-item{
    padding: 5% 20%;
}

#feedbackDiv .carousel-item img{
    margin-bottom: 3%;
}

/* feedback desing ends here  */


/* contact section desing start  */


#contactDiv{
    padding: 2%;
    background-color: rgb(241, 241, 141);
}

#contactDiv label{
    margin-bottom: 0;
    font-weight: bold;
}


/* contact section design ends  */


/* footer design start  */

#footerRight a i{
    color: white;
    padding: 8px ;
    border-radius: 5px ;;
    font-size: 1.5rem;
}

#footerRight a i:hover{
    background-color: black;
}


/* footer desing end  */