* {
  box-sizing: border-box;
}
.header {
    overflow: hidden;
    background-color: lemonchiffon;
    font-family: verdana, sans-serif;
    padding: 10px 10px;
    position: sticky;
    top: 0;
    border-bottom: 2px solid darkgoldenrod;
    margin: -8px;
}
.header a {
    float: left;
    color: rgb(128, 64, 0);
    text-align: center;
    padding: 12px;
    text-decoration: none;
    font-size: 16px; 
    line-height: 25px;
    border-radius: 4px;
}
.header a.left {
  font-size: 25px;
  font-weight: bold;
}
.header a:hover {
    background-color: khaki;
}
.header-right {
  float: right;
}
.header a.active {
    text-decoration: underline;
    text-underline-offset: 4px;
}
body {
    font-family: verdana, sans-serif;
    line-height: 1.5;
}
section {
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 50px;
}
details {
    padding-left: 40px;
}
details > summary {
    text-indent: -15px;
}
details > p{
    padding-left: 15px;
    font-size: small;
}
section a:link {
    color: darkred;
}
section a:visited {
    color: darkred;
}
section a:hover {
    color: darksalmon;
}
section a:active {
    color: darkred;
}
footer {
    font-size: xx-small;
    text-align: right;
}

.pic {
    float:right;
    margin-bottom: 3%;
    margin-top: 10px;
    margin-left: 10px;
    display:block;
}
.pic img{
    height: 300px; 
}