body {
        background-color: #67a0bb;
        background-image: linear-gradient(#67a0bb, #0E285A);
        background-size: 100%;
        height: 100%;
        font-family: 'Wix Madefor Display', sans-serif;
        overflow-y: hidden;
    }

    h1 {
        font-size: 2em;
        padding: 10px;
        margin: 0px;
    }
    
    a {
        color: #000;
    }
    
    a:hover {
        color: #037;
    }
    
    #main { 
    	text-align: center;
    }
    
    #desc {
        padding: 10px;
        background-color: #f8d8c4;
        max-height: 400px;
        overflow-y: scroll;
        text-align: left;
        font-family: 'EB Garamond', serif;
    }
    
    #desc {
    	border: 1px solid #999;
    	border-radius: 9px;
    }
    
    #paths {
        padding: 15px;
    }
    
    #paths a {
        background-color: #ccd6ff;
        color: #000;
        padding: 2px 17px;
        font-size: 1em;
        display: inline-block;
        border: 1px solid #e68c8c;
        margin-right: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
    }
    
        table {
    	border-spacing: 0px;
    	box-shadow: 0px 0px 5px #444;
        border-left: 1px solid #aaa;
        border-top: 1px solid #aaa;
    }
    
    th, td {
        border-right: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        padding: 5px;
        background-color: #efefef;
    }
    
    th {
        background-color: #aff;
    }
    
    td {
    
    }
    
    #paths a:hover {
        background-color: #eaeeff;
    }
    
    .barr-wrapper {
        font-size: 0.6em;
        background-color: #d0d0d0;
    }
    
    #paths a, .barr a {
        text-decoration: none;
    }
    
    .barr a, .barr span, .barr-header {
        margin-right: 10px;
        padding: 7px;
        display: inline-block;
        border: 1px solid #a9a9a9;
    }
    
    .barr {
        display: inline-block;
        padding: 10px 0px;
    }
    
    .barr a, .barr span {
        border-radius: 5px;
        background-color: #e7e7e7;
    }
    
    .barr a:hover {
        background-color: #c7c7c7;   
    }
    
    .barr-header {
        background-color: #ffdeb3;
    }
    
    .bar-title {
        background-color: #ff9 !important; 
        font-weight: bold;
    }
    
    progress {
        height: 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
    
    #main {
    	padding: 0px !important;
    }
    
    #main > div {
        display: inline-block;
        vertical-align: top;
    }
    
    

    #interact {
    	background-color: #f0e8e8;
    	padding: 20px;
		padding-top: 0px; 
    	border-radius: 25px;
    	border: 1px solid #555;
    	box-shadow: 0px 0px 5px #000;
    }
    
    #content {
        text-align: center;
        font-size: 1.7em;
        border-radius: 15px;
        min-width: 75%;
    }