body {background-color: whitesmoke;
      color: black;
      text-align: center}

h1 {
      font-family: 'Cinzel Decorative';
      font-size: 550%;
      color: crimson;

}

h3 {
      font-size: 149%;
      color: crimson;
      font-family: 'Tahoma';
      text-align: center;
}

a {
      text-decoration: none;}

.navbar  {
      background-color: black;
      padding: 5px;
      display: inline-block;
      width: 40%;

}

.navbtn {
      display: inline;
      padding-left: 26px;
      padding-right: 26px;
}

.nav {
  font-family: 'Tahoma';
  color: whitesmoke;
  text-align: center;
  font-size: 200%;
  font-style: normal;
  transition: 0.3s;
  cursor: pointer;
}

.nav2 {
  font-family: 'Tahoma';
  color: black;
  text-align: center;
  font-size: 200%;
  font-style: normal;
  transition: 0.3s;
  cursor: pointer;
}

.back {
  font-family: 'Tahoma';
  color: black;
  text-align: center;
  font-size: 120%;
  font-style: normal;
  transition: 0.3s;
  cursor: pointer;
}


.nav:hover {
  color: crimson;
}

.nav2:hover {
  color: crimson;
}

.back:hover {
  color: crimson;
}

.container {
  font-size: 16px;
  font-family: 'Tahoma';
  text-align: center;
  margin: auto;
  padding: 5px;
  display: inline-block;
  width: 40%;
  }

  .container2 {
    font-size: 16px;
    font-family: 'Tahoma';
    margin: auto;
    padding: 5px;
    display: inline-block;
    width: 37%;
    text-align: center;
    }

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

div.gallery:hover {
  border: 1px solid #777;
}

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

div.desc {
  padding: 15px;
  text-align: center;
}