body {
    background-color: #252527;
    
    font-family: Verdana;
}
header {
    position: absolute;
    width: 600px;
    left: calc( 50vw - 300px );
    
    color: #fafaf3;
}
header > h1 {
    width: 100%;
    text-align: center;
    font-size: 40px;
    
    margin-bottom: 15px;
}
header > aside {
            
    display: flex;
    display: -webkit-flex;
}
header > aside > a {
            
    flex: 1;
    -webkit-flex: 1;
            
    text-align: center;
            
    text-decoration: none;
    font: 15px Courier;
    color: #aae;
}
article {
    position: absolute;
    width: 600px;
    background-color: #fafaf3;
            
    left: calc( 50vw - 320px );
    top: 200px;
    margin-bottom: 40px;
            
    padding: 20px 20px 20px 20px;
}
article > p {
    
    font-size: 20px;
}

article > div {
    
    display:flex;
    display:-webkit-flex;
    
    text-align: center;
}

article > div > div {
    
    font-size: 16px;

    flex: 1;
    -webkit-flex: 11;
}

article ol {

    list-style-type: none;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    
    font: 18px Verdana;
}
article ol > li {

    padding-left: 10px;
    width: calc( 100% - 15px );
    line-height: 27px;
    font-size: 16px;
    
    background-color: #f0f0f0;
    margin-bottom: 8px;
    
    transition: background .5s;
    -webkit-transition: background .5s;
}
article ol > li:hover {
    
    cursor: pointer;
    
    background-color: #aea;
}
span.right {

    float: right;
    
    padding-right: 10px;
}
li span.right {

    font-size: 14px;
}
#singleVotes {
    
    
    list-style: none;
    
    text-align: left;
}
#singleVotes > li {

    flex-wrap: wrap;
    padding: 10px 10px 0px 10px;
    width: auto;
}
#singleVotes > li:before {

    content: '#';
}
#singleVotes a {

    text-decoration: none;
    color: #33a;
}