html {
  font-family: Cambria, Georgia, serif;
}

header {
  background: whitesmoke;
  padding: 10px;
}

body {
  font-family: Cambria, Georgia, serif;
  padding: 10px;
}

footer {
  background: whitesmoke;
  font-size:smaller;
  margin-top: 10px;
  padding: 5px;
}

a:link {
  font-family: Segoe UI, serif;
  background-color: transparent;
  text-decoration: none;
  margin-left: 10px;
}

a:hover {
  font-family: Tahoma, serif;
  color: gray;
  background-color: transparent;
  text-decoration: none;
}

/* 
  The modern standard for full-window backgrounds.
  Set build action to content and copy if newer.
  Works on client and server, hb 1.7.26
*/
.bg-image {
  background-image: url('../images/MevaHarbour.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%
}

.frame {
  background-color: ghostwhite;
  border: 2px solid silver;
  padding: 10px;
  border-radius: 5px;
  width: fit-content;
 /* Horizontal offset | Vertical offset | Blur radius | Spread radius | Color */
 box-shadow:0px 4px 10px 2px rgba(0, 0, 0, 0.2)
}