Zaokrąglona krawędź [CSS]

[Kartofelek]

Kod:

div {
        position: relative;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;        
        border:10px solid #4C4741;
        border-bottom-width:15px;        
        width:500px;
        height:200px;         
        background-color:#242017;
        border-bottom-left-radius:200px 7px;
        border-bottom-right-radius:200px 7px;
    }    
    div:after {
        position: absolute;
        display: block;
        content:'';
        left:0;
        right:0;
        bottom:-5px;
        height:10px;
        background: #242017;
        border-bottom-left-radius:150px 5px;
        border-bottom-right-radius:150px 5px;
    }

W ustawieniami parametrow sam sobie dokladniej podzialaj.