html {
    background-image: url(../img/bg.png);
    
    height: 100%;
    width:100%;
    color: white;
}

* {
    font-family: verdana, helvetica, arial, sans-serif !important; 
}

a {
    text-decoration:none;
    color:white;
}

a.link {
    color: #e5cf00 !important;
}

div#main {
    width: 80%;
    min-height:600px;
    display:inline-block;
}

h3 {
  font-weight: normal;
}

nav {
    width : 25%;
    min-height: 520px;
    float:left;
    text-align: center;
    position: relative;
}

nav a {
    display: block;
    height:60px;
    margin-left:50%;
    border-bottom: 1px solid black;
    
    transition: 0.2s;
}

nav a:last-child {
    border-bottom: none !important;   
}

nav a:hover, nav a.active {
    margin-left:25%; 
    background-color:#86257a;
}

nav a span {
    position: relative;
    top: 35%;
    transform: translateY(-35%);      
}

section {
    border-left: 1px solid black;
    width: 75%;
    min-height:500px;
    padding: 10px;
    margin-left:25%;
}

section, nav a {
    background-color: #9d8a9f;   
}

.hitcounter {
    position:absolute;
    display:block;
    bottom:0;
    width :50%;
}

.hitcounter:hover, .hitcounter.active {
    width :75%;
}

header {
    font-size:50px;
    display: block;
    width:100%;
}

header div:last-child {
    margin-top:-50px;
    margin-left:100px;
    font-size:30px;
    
    margin-bottom: 10px;
}