.circle{border-radius:50%;width:10px;height:10px;display:inline-block}.circle.-black{background-color:#444}.circle.-gray{background-color:#ddd}.circle.-darkGray{background-color:#888}.circle.-blue{background-color:#239bde}.circle.-green{background-color:#25c669}.circle.-orange{background-color:#fd9223}.circle.-pink{background-color:#da47b2}.circle.-red{background-color:#f23333}.circle.-purple{background-color:#7f1fe4}.circle.-yellow{background-color:#f2e03a}.circle.-white{background-color:#fff}