.dot {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
    margin-top: 3px;
    margin-bottom: -3px;
}

.dot-red {
    background-color: darkred;
}

.dot-gray {
    background-color: gray;
}

.dot-rose {
    background-color: palevioletred;
}

.dot-white {
    background-color: wheat;
}

.dot-softwhite {
    background-color: gold;
}

.dot-gold {
    background-color: goldenrod;
}
.dot-yellow {
    background-color: yellow;
}