body {
  background-color: #0d1117;
  color: #999;
}

body > div > header {
  background-image: url("/img/dew.png");
  background-repeat: repeat-x;
  background-size: auto;
  background-color: #002d86;
  color: #E5E4E2;
  width: 100%;
  max-height: 250px;
  padding: 20px 0 0 20px;
  border-bottom:#151B54 solid 8px;
}

.logo {
  max-width: 200px;
  font-family: 'Splash', cursive;
  font-weight: bold;
  font-size: 82px;
}

#page-container {
  position: relative;
  min-height: 100vh;
}

#content-wrap {
  padding-bottom: 6rem;
}

#footer {
  position: absolute;
    bottom: 0;
  background-image: url("/img/dew.png");
  background-repeat: repeat-x;
  background-size: auto;
  background-color: #002d86;
  color: #E5E4E2;
  font-size: 18px;
  padding: 20px 0;
  width: 100%;
  min-height: 6rem;
  text-align: center;
  vertical-align: middle;
  border-top:#151B54 solid 8px;
}

#back2Top {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  border: 1px dashed #111;
  margin: 0.1em;
  background-color: #151B54; /* Set a background color */
  color: #fff; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 0.5em; /* Some padding */
  border-radius: 10px; /* Rounded corners */
}

#back2Top:hover {
  color: #fff;
  margin: 0.1em;
  border: 1px dashed #ccc;
  background-color: #111; /* dark-grey background on hover */
}
