body {
  position: relative;
  height: 100vh;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: #82c9f1;
}

.background {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.static {
  background: url(background-static.jpeg) no-repeat center top;
  background-size: cover;
}

.account {
  position: absolute;
  top: 16px;
  right: 16px;
  color: white;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-bottom 250ms;
  font-family: Arial, Helvetica, sans-serif;
}

.account:hover {
  border-bottom: 1px solid white;
}

.mobile {
  background: url(background-mobile.png) no-repeat center top;
  background-size: cover;
  animation-name: slide;
  animation-delay: 1s;
  animation-duration: 3s;
  animation-fill-mode: backwards;
  animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

@keyframes slide {
  from {
    left: 100%;
  }

  to {
    left: 0;
  }
}