body {
    background-color: rgb(231, 211, 181);
    font-family: "Quicksand", sans-serif;
    color: brown;
    margin: 0;
}
.container {
    margin: auto;
    padding: 20px;
    width: 80%;
    background-color: rgb(246, 241, 233);
}
.header {
    background-color: rgb(84, 125, 62);
    margin: 0;
    padding: 40px;
    text-align: center;
}   
.header h1 {
    color: rgb(231, 211, 181);
    font-family: "Smokum", serif;
    font-size: 60px;
    letter-spacing: 50%;
    text-transform: uppercase;
}
img {
    width: 100%;
}
/* Navigation */
.nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #c68433;
}
.nav ul li {
  float: left;
}
.nav ul li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
.nav ul li a:hover {
  background-color: #b07329;
}
.imgnav:hover img, .imgnav:focus img {
    transform: rotate(10deg);
}
/* Main */
.main {
    margin: 0;
}
/* Collapsible */
.collapsible {
    background-color: #c68433;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}
.active, .collapsible:hover {
    background-color: #b07329;
}
.secretmessage {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    background-color: b07329;
    color: white;
}
/* Special Dashed Line */
.dashbox {
	border: 4px dashed #7edbab;
	background: rgb(254, 232, 200);
}
.dashbox > div {
	background: white;
}