html {
    height: 100%;
}

body {
    height: 100%;
    background-color: #282828;
    color: #e0e0e0;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 0;
}

#banner {
    width: 100vw;
    height: 16.5625vw;
}

#pewdiepie h3{
    display: inline-block;
}


.thumbnail {
    position: relative;
    margin-top: -25vw;
    height: 7vw;
    width: 7vw;
    border-radius: 50%;
    border: 2px solid #383838;
    box-shadow: 0 5px 20px rgba(0,0,0,.05);
}

.name {
    font-size: 4vw;
    margin-top: 0vw;
    margin-bottom: 1vw;
}

#counter {
    font-size: 10vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    color: #e0e0e0;
}

.odometer-inside .odometer-digit:nth-last-child(-n+8),
.odometer-inside .odometer-formatting-mark:nth-last-child(-n+8)
{
    color: #808080;
}

.subscribeButton {
    display: block;
    width: 10vw;
    text-decoration: none;
    outline: none;
    font-weight: bold;
    color: #808080;
    font-size: 1.6vw;
    margin: 0vw auto;
}
.subscribeButton:after {
    content: 'Subscribers';
}

.subscribeButton:hover {
    background-color: red;
    color: white;
    border-radius: 0.4vw;
}
.subscribeButton:hover:after {
    content: 'Subscribe';
}