body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background-color: rgb(251, 251, 251);
}

.navbar {
  display: flex; /* 1 */
  justify-content: space-between; /* 2 */
  padding: 1rem 2rem; /* 3 */
  border-bottom: solid 10px rgb(22, 109, 71);
}

.nav {
  display: flex; /* 1 */
  justify-content: flex-end; /* 2 */
}

.nav a {
  font-family: 'Hanken Grotesk', serif;
  font-weight: 300;
  display: flex; /* 5 */
  list-style: none; /* 6 */
  color: rgb(59, 57, 59);
  text-align: center;
  padding: 15px;
  text-decoration: none;
  font-size: 20px;
}

.nav a:hover {
  background-color: #ddd;
  color: black;
}

.logo p {
  font-family: 'Hanken Grotesk', serif;
  font-weight: 300;
  font-size: 20px;
  letter-spacing: 5px;
}

h2 {
  font-family: 'Hanken Grotesk', serif;
  font-weight: 900;
  font-size: 55px;
  color: rgb(59, 57, 59);
  margin: 2rem;
}

.container {
  margin: 2rem;
  display: flex;
  justify-content: space-between;
}

.line {
    height:10px;
    background-color: rgb(47, 150, 169);
}

.box {
  border: solid 2px rgb(22, 109, 71);
  width: 15rem;
  height: 15rem;
}

.box{
    text-align: center;
    font-family: 'Hanken Grotesk', serif;
    font-weight: 200;
}

/** rgb(47, 150, 169)