body {
  background-color: rgb(242, 162, 83);
  color: rgb(45, 28, 20);
  font-family:
    "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans",
    Arial, sans-serif;

  h1 {
    text-align: center;
    font-size: 30px;
    color: rgb(45, 28, 20);
  }

  h2 {
    text-align: center;
    font-size: 20px;
    color: rgb(115, 72, 52);
  }
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgb(195, 118, 71);
  color: rgb(55, 18, 52);
  border: 2px;
  inset: #93380e;
  border-radius: 2px;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  align-content: center;

  h2 {
    color: rgb(0, 0, 0);
  }

  improv {
    a {
      color: #faba63;
      text-decoration: underline;
      align-self: center;
      font-size: 35px;
    }
  }
}

dropper {
  position: relative;
  float: right;
}

dropped {
  background-color: rgb(195, 118, 71);
  border: 2px solid #93380e;
  border-radius: 5px;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  text-align: center;
  display: none;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-top: 10px;

  a {
    color: #93380e;
    text-decoration: dotted solid;
    font-size: 20px;
    font-style: oblique;
  }
}

dropper:hover dropped {
  display: block;
}

footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgb(195, 118, 71);
  color: rgb(44, 24, 4);
  border: 2px;
  inset: #93380e;
  border-radius: 2px;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  align-content: center;
  text-align: center;
}