@import url(normalize.css);
body {
  background-color: #203b76; }

.image.centered {
  position: absolute;
  left: 50vw;
  top: 50vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.logo {
  background-image: url("../images/aha-logo-600.png");
  width: 300pt;
  height: 95pt; }
  .logo.centered {
    margin-top: -47.5pt;
    margin-left: -150pt;
    top: 40vh; }

.shine {
  width: 429.5pt;
  height: 39.5pt;
  background-image: url("../images/shine.png"); }
  .shine.centered {
    margin-top: -47.5pt;
    margin-left: -215pt;
    top: 50vh; }

.map {
  opacity: 0;
  width: calc(990pt / 2);
  height: calc(990pt / 2);
  background-image: url("../images/map.png"); }
  .map.centered {
    margin-top: calc($mapHeight / 2 * -1);
    margin-left: calc($mapWidth / 2 * -1); }

h1 {
  opacity: 0;
  color: #fff;
  width: 100vw;
  text-align: center;
  top: 40vh;
  font-size: 30pt;
  position: absolute;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase; }

.contact {
  width: 100vw;
  bottom: 0;
  padding-bottom: 10pt;
  text-align: center;
  position: absolute;
  color: #fff; }
  .contact a {
    color: #fff;
    text-decoration: none;
    font-family: aktiv-grotesk, sans-serif;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    text-transform: initial;
    cursor: pointer; }

#imprint {
  position: absolute;
  transition: .4s;
  top: 100vh;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #203b76;
  color: #fff;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase;
  text-transform: initial; }
  #imprint .btn.close {
    cursor: pointer;
    float: right;
    margin: 10pt;
    padding: 5pt;
    background-color: #546fab; }
  #imprint a {
    color: #fff; }

@keyframes slide-logo-up {
  0% {
    top: 40vh; }
  100% {
    top: 15vh; } }
@keyframes slide-shine-down {
  0% {
    top: 50vh; }
  100% {
    top: 88vh; } }
@keyframes map-show {
  0% {
    opacity: 0;
    width: 0;
    height: 0;
    margin-top: 0;
    margin-left: 0; }
  100% {
    opacity: 1;
    width: calc(990pt / 2);
    height: calc(990pt / 2);
    margin-top: calc(990pt / 2 / 2 * -1);
    margin-left: calc(990pt / 2 / 2 * -1); } }
@keyframes show-text {
  from {
    opacity: 0;
    top: 82vh; }
  to {
    opacity: 1;
    top: 73vh; } }
.animated {
  animation-duration: 2s;
  animation-delay: 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; }

.logo {
  animation-name: slide-logo-up; }

.shine {
  animation-name: slide-shine-down; }

.map {
  animation-name: map-show;
  animation-delay: 1.5s; }

h1 {
  animation-name: show-text;
  animation-delay: 3.5s !important; }

/*# sourceMappingURL=style.css.map */