.logo-base {
    --logo-background-colour: #29305c;
    --logo-dot-colour: #49e8ff;
    background: var(--logo-background-colour);
    position: relative;
    border-radius: 50%;
}

.logo-base .dot {
    position: absolute;
    width: 15%;
    height: 15%;
    background: var(--logo-dot-colour);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.logo-base .d1 {
    top: 74%;
    left: 38%;
}

.logo-base .d2 {
    top: 50%;
    left: 38%;
}

.logo-base .d3 {
    top: 50%;
    left: 64%;
}

.logo-base .d4 {
    top: 26%;
    left: 64%;
}

.logo-base .d5 {
    top: 26%;
    left: 38%;
}