body {
  background-color: #925800;
  /* CHANGE PAGE COLOR HERE */
}


p {
  color: #f2e596;
  font-family: "p22-freely", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 26px;
}

h1 {
  text-align: center;
  color: #f2e596;
  font-family: "marker-aid", sans-serif;
  font-weight: 400;
  font-style: normal;
}


img {
  display: block;
  margin: auto;
}


div.padding {
  padding-left: 30px;
}

h2 {
  color: #f2e596;
  font-family: "marker-aid", sans-serif;
  font-weight: 400;
  font-style: normal;
}


h5 {
  text-align: center;
  color: #f2e596;
  font-family: "marker-aid", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.rectangle {
  height: 1680px;
  width: 20px;
  background-color: #d8ad6a;
  float: right;
}

.rectangle2 {
  height: 1680px;
  width: 20px;
  background-color: #d8ad6a;
  float: left;
}


div.list {
  color: #f2e596;
  font-family: "p22-typewriter", sans-serif;
  font-weight: 400;
  font-style: normal;
}


nav {
  text-align: center;
  background-color: #cca853;
  padding: 50px 12px 8px 12px;
  font-size: 30px
}

nav a.active {
  /* PUT "active" AS A CLASS ON THE CURRENT PAGE LINK */
  color: #f2e596;
  background-color: #925800;
  border-radius: 4px;
}


/* /// LINKS /// */

a:link {
  color: #f2e596;
  text-decoration: none;
  /* "none" =  no underline */
}

a:hover {
  color: #925800;
  text-decoration: underline;
}

a:visited {
  text-decoration: none;
  color: #eeeeee;
}

a:active {
  color: #f2e596;
  text-decoration: none;
}


div.gallery {
  margin: 5px;
  border: 2px solid #f2e596;
  float: left;
  width: 180px;
}

div.gallery:hover {
  border: 2px solid #eeeeee;
}

div.gallery img {
  width: 100%;
  height: auto;
}



div.nav {
  font-family: "tenby-five", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #fff1e2
}