/*Css for Mom*/


body {
background-color: #aa0064;
background-image: linear-gradient(to right, rgb(206,10,255), rgb(88,76,255), rgb(240,71,235), rgb(112,255,102));

}


img {
width: 400px;
height: auto;

}


div {
width: 500px;
float: left;

}


#mom {
margin: 40px;
box-shadow: 18px 18px 9px 19px;
border-style: groove;
padding: 10px;
border-color: #a700af #7ed4ce;
border-width: 12px 7px 12px 7px;
border-radius: 14px;
text-align: center;
color: #83CD7DFF;
font-family: 'Shadows Into Light', cursive;
Regular 400 at 48px;
font-size: 45px;

}


#mom1 {
margin: 40px;
box-shadow: 18px 18px 9px 19px;
border-style: groove;
padding: 10px;
border-color: #a700af #7ed4ce;
border-width: 12px 7px 12px 7px;
border-radius: 14px;

}


#me {
margin: 40px;
box-shadow: 18px 18px 9px 19px;
border-style: groove dashed;
padding: 10px;
border-color: #a700af #7ed4ce;
border-width: 12px 7px 12px 7px;
border-radius: 14px;
text-align: center;
color: #ca3341;
font-family: 'Bonbon', cursive;
Regular 400 at 48px;
font-size: 45px;

}

#me1{
margin: 40px;
box-shadow: 18px 18px 9px 19px;
border-style: dashed groove;
padding: 10px;
border-color: #a700af #7ed4ce;
border-width: 12px 7px 12px 7px;
border-radius: 14px;
width: 400;
height: auto;
}

#back {
width: 100%;
height: 45px;

}

.button {
display: inline;
border-radius: 40%;
background-color: orange;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
width: 50%;
font-size: 50px;
margin-left: 250px;

}