<style>
.oval-quotes {
position:relative;
width:400px;
height:350px;
margin:2em auto 10px;
color:#000;
background:#ffed26;
-webkit-border-top-left-radius:400px 350px;
-webkit-border-top-right-radius:400px 350px;
-webkit-border-bottom-right-radius:400px 350px;
-webkit-border-bottom-left-radius:400px 350px;
-moz-border-radius:400px / 350px;
border-radius:400px / 350px;
}
.oval-quotes:before {
content:"\201C";
position:absolute;
z-index:1;
top:20px;
left:20px;
font:80px/1 Georgia;
color:#ffed26;
}
.oval-quotes:after {
content:"\201D";
position:absolute;
z-index:1;
bottom:0;
right:20px;
font:80px/0.25 Georgia;
color:#ffed26;
}
.oval-quotes p {
width:250px;
height:250px;
padding:50px 0 0;
margin:0 auto;
text-align:center;
font-size:35px;
}
.oval-quotes p:before {
content:"";
position:absolute;
z-index:-1;
bottom:-30px;
right:25%;
width:0;
height:80px;
border-right:200px solid #ffed26;
background:#ffed26;
/* css3 */
-moz-border-radius-bottomright:200px 100px;
-webkit-border-bottom-right-radius:200px 100px;
border-bottom-right-radius:200px 100px;
-moz-transform:translate(0, -2px);
-webkit-transform:translate(0, -2px);
-o-transform:translate(0, -2px);
transform:translate(0, -2px);
}
.oval-quotes p:after {
content:"";
position:absolute;
z-index:-1;
bottom:-30px;
right:55%;
width:180px;
height:60px;
background:#fff;
/* css3 */
-moz-border-radius-bottomright:40px 50px;
-webkit-border-bottom-right-radius:40px 50px;
border-bottom-right-radius:40px 50px;
-moz-transform:translate(-30px, -2px);
-webkit-transform:translate(-30px, -2px);
-o-transform:translate(-30px, -2px);
transform:translate(-30px, -2px);
}
.oval-quotes + p {
position:relative;
width:150px;
margin:0 0 2em;
font-size:18px;
font-weight:bold;
}
</style>