/* NAVBAR STYLING */
#navbar
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}
  
.nav 
{
    float: left;
}

.active
{
    background-color: #00bd9dc4;
}

.nav a /*Reffering to all "a" tags inside "nav" class.*/
{
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.nav a:hover:not(.active) /*Reffering to all "a" tags inside "nav" class except the one which has a class active attached*/
{
    background-color: #111;
}

body
{
    padding: 0;
    margin: 2;
}

h2
{
    margin: 8px auto 8px;
}

h1
{
    margin: 12px auto 12px;
}