/*Css for Trio*/


body {
background-color: #b43cee;
background-image: repeating-conic-gradient( #ff009a 10%, #ff9f00 20%, #2f96f7 50% ); 
}


img {
width: 400px;
height: auto;

}


div {
width: 500px;
float: left;

}


#trio {
margin: 40px;
box-shadow: 18px 18px 9px 10px;
border-style: dashed dotted;
border-color: #137e8f #861274;
border-width: 12px 7px 12px 7px;
border-radius: 12px;
text-align: center;
color: #2670c6;
font-family: 'Merienda', cursive;
ExtraBold 800;
font-size: 45px;

}


#trio1 {
margin: 40px;
box-shadow: 18px 18px 9px 10px;
border-style: dashed dotted;
border-color: #137e8f #861274;
border-width: 12px 7px 12px 7px;
border-radius: 12px;

}


#us {
margin: 40px;
box-shadow: 18px 18px 9px 10px;
border-style: dashed dotted;
border-color: #137e8f #861274;
border-width: 12px 7px 12px 7px;
border-radius: 12px;
text-align: center;
color: #2670c6;
font-family: 'Merienda', cursive;
ExtraBold 800;
font-size: 45px;

}


#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;

}