/* OUTER BACKGROUND */

.about-wrapper{
background:linear-gradient(135deg,#e9b7b1,#7d84b5);
padding:200px 0;
display:flex;
justify-content:center;
border-bottom-right-radius: 100px;
border-bottom-left-radius: 100px;
}

/* CARD */

.about-card{
width:1150px;
background:white;
border-radius:6px;
box-shadow:0 25px 60px rgba(0,0,0,0.2);
position:relative;
overflow:hidden;
}

/* PEACH SHAPE */

.about-card::after{
content:"";
position:absolute;
right:-200px;
bottom:-120px;
width:600px;
height:400px;
background:#f3a89a;
border-radius:60% 40% 0 0;
z-index:1;
}

/* CONTENT */

.about-content{
display:flex;
align-items:center;
justify-content:space-between;
padding:70px;
position:relative;
z-index:2;
}

/* TEXT */

.about-text{
max-width:420px;
}

.about-text h2{
font-size:40px;
color:#3b3b73;
letter-spacing:3px;
margin-bottom:10px;
}

/* UNDERLINE */

.underline{
width:120px;
height:3px;
background:#3b3b73;
margin-bottom:25px;
}

/* PARAGRAPH */

.about-text p{
color:#777;
line-height:1.7;
margin-bottom:25px;
}

/* BUTTON */

.about-btn{
display:inline-block;
padding:12px 28px;
background:#3b3b73;
color:white;
text-decoration:none;
border-radius:25px;
font-size:14px;
transition:0.3s;
}

.about-btn:hover{
background:#2a2a5a;
transform:translateY(-3px);
box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

/* ILLUSTRATION */

.about-illustration img{
width:500px;
max-width:none;
animation:float 4s ease-in-out infinite;
}

/* FLOAT ANIMATION */

@keyframes float{

0%{transform:translateY(0px);}

50%{transform:translateY(-15px);}

100%{transform:translateY(0px);}

}

/* MOBILE */

@media(max-width:900px){

.about-content{
flex-direction:column;
text-align:center;
}

.about-illustration img{
width:380px;
margin-top:40px;
}

}