.dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 0.5px;

    &.purple {
        background-color: purple;
    }

    &.teal {
        background-color: teal;
    }

    &.blue {
        background-color: blue;
    }
}