.counter {
    font-family: 'digital-7regular', monospace;
    font-size: 50px; 
    text-align: right;
    clear: both;
    position:absolute;
    top: 30px;
    right: 30px;
}


.counter .character.decimalpoint {
width: 6px;
}
.counter .character.digit{
width: 23px;
}



.counter .character {
    float: right;
    color: #ffff00;
    text-shadow: 0px 0px 20px #ffff00, 0px 0px 8px #ffff00;
    text-align: right;
    
}

/* AD MORE SPECIFIC COUNTERS HERE LIKE ".counter3 ... .counter10" */

/* FONTS */

@font-face {
    font-family: 'digital-7regular';
    src: url('counter.eot');
    src: url('counter.eot?#iefix') format('embedded-opentype'),
    url('counter.woff') format('woff'),
    url('counter.ttf') format('truetype'),
    url('counter.svg#digital-7regular') format('svg');
    font-weight: normal;
    font-style: normal;
}