<div class="tokyo-olympic-2020-logo"><div><div><div></div><div><div></div></div></div></div></div>
.tokyo-olympic-2020-logo {
    position: relative;
    height: 200px;
    width: 200px;
    background-color: #b28f4e;
    overflow: hidden;
}
.tokyo-olympic-2020-logo > div {
    height: 100%;
    width: 100%;
    background-color: #b4b4b4;
    border-radius: 50% 0 0 0;
}
.tokyo-olympic-2020-logo > div > div {
    height: 100%;
    width: 100%;
    background-color: #fff;
    border-radius: 50% 0 50% 0;
}
.tokyo-olympic-2020-logo > div > div > div:first-child {
    position: absolute;
    top: -2.70462766947%;
    left: -2.70462766947%;
    height: 105.40925533894598%;
    width: 105.40925533894598%;
    background-color: #fff;
    border-radius: 50%;
}
.tokyo-olympic-2020-logo > div > div > div:last-child {
    position: relative;
    height: 100%;
    width: 33.33333333333333%;
    margin: 0 auto;
    background-color: #373737;
}
.tokyo-olympic-2020-logo > div > div > div:last-child > div {
    position: absolute;
    right: -100%;
    height: 33.3333333333333%;
    width: 100%;
    background-color: #e50113;
    border-radius: 50%;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.