* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  background: #c3dce3; /* fallback for old browsers */
  background: linear-gradient(to left, #84bfd2, #1f315c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.sign {
  font-family: Orbitron, sans-serif;
  width: 100%;
  height: 100vh;
  min-height: 300px;
  position: relative;
}

h1 {
  position: absolute;
  margin: 0;
  top: 40%;
  width: 100%;

  font-size: 5em;
  font-weight: 900;
  text-align: center;
  color: #d7dee2;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.7);
}

h1 span.secondary {
  color: #55a6c9;
}

.footer {
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
  position: absolute;
  width: 100%;
  height: 2em;
  top: 100%;
  transform: translateY(-2em);
  text-align: right;
  font-size: 0.8rem;
  color: #293047;
  padding-right: 1em;
  font-weight: 400;
}

a, a:visited, a:hover, a:active {
  color: #293047;
  text-decoration: none;
}