body {
  background-image: url(../images/beachsunset.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  color: white;
  font-family: Georgia, "Times New Roman", Times, serif;
  display: flex;
  flex-direction: column;
}
/* header */
#index {
  display: flex;
  justify-content: space-between;
  padding: 20px 40px;
}

/* headings */

h1 {
  font-size: 22px;
}

.h1-link {
  text-decoration: none;
  color: white;
  display: inline-block;
}

h2 {
  text-align: center;
  font-size: 35px;
}

/* navigation */
nav ul {
  list-style-type: none;
  display: flex;
  justify-content: flex-end;
  font-size: 18px;

  margin-top: 25px;
}

nav li {
  margin-left: 20px;
  text-underline-offset: 2.5px;
}

/* links for Nav */
nav a:link {
  color: white;
  padding: 0 8px;
}

nav a:visited {
  color: rgb(197, 196, 196);
}

nav a:hover {
  background-color: rgb(72, 70, 70);
  border-radius: 10px;
  padding: 8px;
}

nav a.current {
  background-color: rgb(72, 70, 70);
  border-radius: 10px;
  padding: 8px;
}

#contact-footer {
  font-family: Georgia, "Times New Roman", Times, serif;
}
/* footer */
footer {
  margin-top: auto;
  text-align: center;
  font-size: 15px;
  font-family: Georgia, "Times New Roman", Times, serif;
}