#35-Ice-Cream.htm

<div></div>
<style>
    body {
        background: #293462;
    }

    div {
        width: 100px;
        height: 150px;
        background: #FFF1C1;
        border-radius: 50px 50px 20px 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -66.5%)
    }

    div::before,
    div::after {
        content: '';
        position: absolute;
        width: 30px;
        height: 50px;
        background: #FE5F55;
        top: 100%;
        left: 35%;
        border-radius: 0 0 10px 10px;
    }

    div::after {
        background: #A64942;
        top: 100%;
        height: 10px;
        border-radius: 0 0;
    }
</style>