body{
    font-family: "Poppins", sans-serif;
    margin: 0;
}
section{
    height: 500px;
}
h1{
    font-size: 50px;
}
h2{
    font-size: 40px;
}
p{
    color: dimgray;
}
.orange{
    color: #EDA21F;
}
.first{
    background-image: url(img/top-banner.png);
    background-repeat: no-repeat;
    margin-bottom: 5%;
}
.hero{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0% 5% 0% 5%;
    padding-left: 2%;
}
.hero-text{
    width: 45%;
}
.hero-text p{
    text-align: justify;
}
.hero-text a{
    display: inline-block;
    text-decoration: none;
    background: linear-gradient(45deg, #fc987c, #fa6855);
    padding: 8px 28px;
    border-radius: 5px;
    font-weight: bold;
    color: #fff;
}
.hero-image{
    width: 45%;
    margin-top: 1%;
}
.hero-image img{
    width: 100%;
}

                                 /*section2*/

.dream{
    background-image: url(img/dream-bg.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 80px;
    margin-bottom: 5%;
}

                                /* section3 */

.experience{
    background-image: url(img/exp-bg.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 115px;
    margin-bottom: 5%;
}                    
.single-experience{
    width: 40%;
    height: 90%;
    border-radius: 5px;
    padding: 2px 20px 40px 20px;
    box-shadow: 10px 10px 40px gray;
} 
.h2{
    color: rgb(68, 68, 68);
}  
#full-stack{
    border-left: 7px solid;
    border-image: linear-gradient(180deg, lightsalmon, tomato) 1;
} 
#baby{
    border-left: 7px solid;
    border-image: linear-gradient(180deg, blue, cyan) 1; 
}   
footer p{
    text-align: center;
    font-size: 14px;
}