.circle {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    border-style: solid;
    font-size: 16px;
    font-weight: bold;
}
.circle.circle1 {
    background: rgba(0, 64, 161, 0.4);
    border-color: blue;
    color: white;
}
.circle.circle2 {
    background: rgba(202, 138, 0, 0.4);
    border-color: orange;
    color: white;
}
.circle.circle3 {
    background: rgba(128, 0, 0, 0.4);
    border-color: red;
    color: white;
}