body {
    background: #252424;
}

.title {
    color: #fff;
    font-family: Arial;
    font-size: 70px;
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.title::before {
    content: '';
    display: block;
    background: red;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: solid 5px #fff;
    transform: translate(-50px, -17px);
}

.title::after {
    content: '';
    display: block;
    background: purple;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: solid 5px #fff;
    transform: translate(50px, -17px);
}