body {
  background-color: lightseagreen;
}
h1 {
  color: darkolivegreen;
  text-decoration: underline;
}
p {
  background-color: rgb(245, 187, 42);
  color: rgb(228, 102, 165);
  font-size: large;
  border-radius: 6px;
  padding: 6px;
  cursor: pointer;
}

#header {
  display: flex;
  gap: 2px;
  border-bottom: 1px solid gray;
  margin-bottom: 10px;
  a {
    display: block;
    text-decoration: none;
    background-color: #167c77;
    color: white;
    padding: 6px 18px 3px 18px;
    line-height: 1.375em;
    border-radius: 8px 8px 0 0;
  }
  a:hover {
    background-color: #249d95;
  }
  a.active,
  a.active:hover {
    background-color: #b8f0e6;
    color: #164e4a;
  }
}