body{
    font-family: 'Poppins', sans-serif;
    margin: 0;
}

h1{
    font-size:50px;
    /* padding-left:8%; */
    
}
h3{
    /* padding-left:8%; */
    font-size:120%;
    font-weight: 700;
}
.name{
    color: orange;
}
.flexible-container{
    display:flex;
    width:80%
    margin-bottom:150px;
}
.half-width{
    padding-left:10%;
}
.half-width img{
    width:100%;
}
.button{
    text-decoration:none;
    background-image: linear-gradient(salmon,tomato);
    padding: 10px 40px;
    border-radius:5px;
    color:white;
    font-weight: 700;
    font-family:Arial, Helvetica, sans-serif;

}
.second-part{
    padding-left:10%;
    
}
.second-part img{
    width:100%;
}
.download{
    text-decoration: none;
    background-image: linear-gradient(salmon, rgb(255, 126, 103));
    border-radius:5px;
    padding: 10px 40px;
    color:white;
    font-weight: 700;
    

}
.top-banner{
    background-image: url(images/top-banner.png);
    background-repeat: no-repeat;
}

.dream-area{
    background-image: url(images/dream-bg.png);
    background-repeat: no-repeat;
    background-position:right;
    

}
#exp{
    padding-left:6%
}
.exp-area{
    display:flex;
    width:80%;
    padding:10px 40px;
    background-image:url(images/exp-bg.png);
    background-repeat: no-repeat;
    
}
.exp-item{
    width:40%;
    margin-left:5%;
    margin-right:5%;
    padding: 10px 40px;
    box-shadow:0px 0px 20px gray;
    border-radius: 10px;
    
}
#full{
    border-left: 10px solid;
     border-image:linear-gradient(salmon,tomato);
     border-image-slice: 1;
     
}
#baby{
    border-left: 10px solid blueviolet;
    border-image:linear-gradient(blue , cyan);
    border-image-slice: 1;
}
footer p{
    font-size: 12px;
    font-weight: 10px;
    text-align:center;
}