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

html, body {
  width: 100%;
  height: 100%;
  background: #05070b;
}

.hero {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background-image: url('assets/background.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Invisible clickable area over the email text in the bottom section,
   so the contact email in the image is tappable/clickable on the live site. */
.contact-link {
  position: absolute;
  left: 50%;
  bottom: 11%;
  transform: translateX(-50%);
  width: 320px;
  height: 60px;
  display: block;
}