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

body {
  font-family: Arial, Helvetica, sans-serif;

  background-image: url("https://images.unsplash.com/photo-1513828583688-c52646db42da?auto=format&fit=crop&w=1800&q=80");

  background-size: cover;

  background-position: center;

  height: 100vh;

  color: white;
}

.overlay {
  width: 100%;
  height: 100%;

  background: rgba(5, 18, 36, 0.78);

  display: flex;

  justify-content: center;

  align-items: center;
}

.content {
  text-align: center;

  max-width: 800px;

  padding: 40px;
}

h1 {
  font-size: 64px;

  letter-spacing: 8px;

  margin-bottom: 20px;
}

h2 {
  font-size: 30px;

  color: #4fc3f7;

  margin-bottom: 30px;
}

.description {
  font-size: 20px;

  line-height: 34px;

  color: #d6d6d6;

  margin-bottom: 45px;
}

.email {
  display: inline-block;

  padding: 16px 35px;

  border: 2px solid #4fc3f7;

  color: white;

  text-decoration: none;

  border-radius: 50px;

  font-size: 20px;

  transition: 0.3s;
}

.email:hover {
  background: #4fc3f7;

  color: #081423;
}

footer {
  position: absolute;

  bottom: 25px;

  width: 100%;

  text-align: center;

  color: #c8c8c8;

  font-size: 14px;
}