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

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

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


body {

background-color: #763f4b;

margin: 010%;

font-family: sans-serif;

}


h1 {

color: #f6f2f2;

text-align:center;

font-family: "blippo-mn", sans-serif;

font-weight: 900;

font-style: normal;

text-transform:uppercase;

border-bottom:4px solid #8c5656;

margin-top:30px;

}



h2 {

color: #f6f2f2;

font-family: "tenby-five", sans-serif;

font-weight: 300;

font-style: normal;

}


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

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

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


/* /// LINKS /// */

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

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

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

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