#container {
    text-align:center;
}

#container,#image {
    margin:0;
    max-height:100%;
    max-width:100%;
    padding:0;
}

#details {
    display:none;
    font-family:sans-serif;
    font-weight:700;
    left:25px;
    min-width:280px;
    padding:20px;
    text-align:center;
    top:25px;
}

#history {
    left:25px;
    margin:0;
    max-height:210px;
    overflow:hidden;
    padding:0;
    top:95px;
}

#history li {
    font-family:monospace;
    left:25px;
    margin-bottom:10px;
    opacity:0.1;
    text-align:center;
    width:168px;
}

#history li,#loading,#count {
    display:block;
    font-family:monospace;
    font-size:10px;
    padding:10px;
}

#history li:hover,#history li:nth-of-type(1) {
    opacity:1!important;
}

#history li:nth-of-type(2) {
    opacity:0.8;
}

#history li:nth-of-type(3) {
    opacity:0.6;
}

#history li:nth-of-type(4) {
    opacity:0.4;
}

#history li:nth-of-type(5) {
    opacity:0.2;
}

#history,#loading,#details,#count {
    position:absolute;
}

#loading, #count {
    font-weight:500;
}
#loading {
    top:95px;
    left:220px;
    min-width:95px;
}

#count {
    bottom:25px;
    left:25px;
    display:none;
}

#loading,#details,#history li,#count {
    background:rgba(43,43,43,0.8);
    border-radius:5px;
    color:#85bf25;
}

a {
    color:inherit;
}

body.crop {
    overflow:hidden;
}

html,body {
    background-color:#121211;
    border:0;
    height:100%;
    margin:0;
    overflow:auto;
    padding:0;
}
#count2 {
    bottom:25px;
    position:absolute;
    border-radius:5px;
    display:none;
    margin;5px;
    padding:5px; 
    right:25px;
    background-color:#3b5998;
    color:white;
    font-family:'Freight Sans Bold','Lucida Grande',verdana,arial,sans-serif;
}