#56-Skull.htm

<div class="a"></div>
<div class="b"></div>
<div class="c"></div>
<div class="d"></div>
<div class="e"></div>
<div class="f"></div>
<style>
    body {
        background: #191919;
    }

    div {
        position: absolute;
    }

    ::before,
    ::after {
        content: "";
        position: absolute;
    }

    .a,
    .b {
        width: 60px;
        height: 100px;
        border-radius: 100px 0 0 18px;
        background: #4F77FF;
        top: 28.3%;
        left: 35%;
    }

    .a::after,
    .b::after {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        background: #191919;
        top: 52.5%;
        left: 24.5%;
    }

    .b::after {
        left: 9%;
    }

    .a::before {
        width: 20px;
        height: 20px;
        border-radius: 100%;
        background: #191919;
        top: 91%;
        left: 82.5%;
        z-index: 1;
    }

    .b {
        border-radius: 0 100px 18px 0;
        left: 50%
    }

    .c {
        width: 40px;
        height: 30px;
        border-radius: 0 0 0 20px;
        background: #4F77FF;
        top: 61.6%;
        left: 40%;
    }

    .c::after {
        width: 40px;
        height: 30px;
        border-radius: 0 0 20px 0;
        background: #4F77FF;
        left: 100%;
    }

    .d,
    .e,
    .f {
        width: 10px;
        height: 10px;
        background: #191919;
        border-radius: 10px 10px 0 0;
        top: 68.1%;
        left: 45%
    }

    .e {
        left: 48.7%
    }

    .f {
        left: 52.5%;
    }
</style>