.face{
    display: inline-block;
    margin-left: 10px;
    text-align: center;
    font-size: 12px;
    opacity: 0.7;

    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    width: 101px;
    white-space: nowrap;
}

.face:nth-child(10n+10){
    margin-right: 0;
}
.face a{
    color: #bb9368 !important;
}

.face:hover{
    opacity: 1;
}
.face img{
    border: 2px solid #a5a5a5;
}

.vote-group{
    margin-bottom: 20px;
    background-color: rgba(0,0,0,0.1);
    padding: 15px;

    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.vote-group:hover{
    background-color: rgba(0,0,0,0.2);
}

.vote-group div.code{
    display: inline-block;
    font-size: 40px;
    font-weight: bold;
    color: #bb9368;
    vertical-align: top;
}
.vote-group div.code span{
    color: #ffebc7;
    font-size: 25px;
    display: block;
}

.vote-group .peepz{
    display: inline-block;
    margin-left: 10px;
}

.vote-group .brief{
    display: inline-block;
    margin-left: 10px;
    max-width: calc(100% - 210px);
    vertical-align: top;
    color: #ffebc7;
}