*{
    margin: 0;
    padding: 0;
    box-sizing:border-box;
}
body {
	background-image: url("images/top_of_sierra.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-size: contain;
	padding-top: 50%;
}
body {
    font-family: 'Nunito', sans-serif, Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    text-align:center;
    background-color:burlywood;
}
.navigation{
    color:forestgreen;
    background-color:#2f4f4f;
    padding:10px;
}
.header{
    border:1px solid #fff;
    display:flex;
    justify-content:space-around;
    align-items:center;
    flex-direction:column;
}
.navlist{
    border:1px solid #fff;
    display:flex;
    justify-content:space-between;
}
section{
    background-color:burlywood;
}
h1, h2, h3 {
    font-family: 'PT Serif', serif;
}
h1 {
    padding: 10px;
    font-size: 30px;
}
h2 {
    padding-bottom: 5px;
    font-size: 1.6em;
    font-style:italic;
}
ul {
    font-size: 1.2em;
}
li {
    background-color:#bdb76b;
    border: 2px solid #556b2f;
    padding: 10px;
    margin-top:20px;
}
h3 {
    font-size:1.6em;
    padding:10px;
}
p {
    line-height: normal;
    font-size:25px;
    padding:10px;
    text-indent:3ch;
    text-align:left;
}
.personal {
    font-family: 'Kalam', cursive;
    font-size: 22px;
    width: 320px;
}
img {
    border:2px solid #fff; 
}
table, thead, .tableheader{
    background-color:#deb887;
}
table, td {
    border:2px solid #333;
    background-color:#fff8dc;
    font-size: 20px;
    padding:10px;
    text-align:left;
}
td{
    line-height:normal
}
.sierra {
    display:flex;
    justify-content: space-around;
    flex-wrap:wrap;
}
.sierra img {
    width:250px;
}
aside{
    margin: .5rem;
    float:right;
    border-left:1px solid #fff;
    box-shadow: inset 5px 0 20px -5px #29627e;
    font-family: 'Kalam', cursive;
    font-size: 22px;
    width: 320px;
}