/******************************************************/
/* basics */
body {              background: #3d2228;
                    font-family: 'Roboto', serif;
                    font-size: 20px;
                    color: #eeefde;
                    text-align: center;}

h1 {                font-family: 'Pompiere', serif;}
/******************************************************/

/******************************************************/
/* navigation bar */
.topnav {           background-color: #a7917a;
                    overflow: hidden;}

.topnav a {         float: left;
                    color: #eeefde;
                    text-align: center;
                    padding: 14px 16px;
                    text-decoration: none;
                    font-family: 'Roboto', serif;
                    font-size: 17px;}
            
.topnav a:hover {   background-color: #3d2228;
                    color: #eeefde;}
        
.topnav a.active {  background-color: #aabaaf;
                    color: #eeefde;}
/******************************************************/