body {
    font-family: 'Mangal', sans-serif    
}


body {
    background-color: rgb(247, 245, 207);
}


#top {
    text-align: left;
}

#logo {
    color: whitesmoke;
    background-color: rgb(243, 83, 24);
    display: inline-block;
    font-size: 32px;
    font-weight: bolder;
    padding: 8px;
    margin-left: 24px;
    margin-top: 24px;  

}

#logo-name {
    font-size: 32px;
    font-weight: bold;
    margin: 24px;
}

#subtitle {
    font-size: 16px;
    font-weight: normal;
    margin: 24px;
}
#navigation a {
    color: rgb(139, 137, 115);
    text-align: left;
    padding: 11px;
    margin: 24px;
}

#navigation a:hover {
    color: rgb(243, 83, 24)
}

#main {
    max-width: 800px;
    padding: 8px;
    margin-left: 16px;

}

div.table { 
    display: table; 
    border-collapse: collapse; 
  }

div.tr { 
    display: table-row; 
  }

div.td { 
    display: table-cell; 
    border: thin solid rgb(243, 83, 24); 
    padding: 8px; 
  }