:root {
  --leader-blue: #5da1ce;
}

* {
  font-family: sans-serif;
}

a {
  text-decoration: none;
}

header {
  background: rgb(94, 162, 207);
  background: linear-gradient(0deg, rgba(94, 162, 207, 1) 0%, rgba(149, 206, 233, 1) 47%);
  text-shadow: 1px 1px 6px rgb(78, 78, 78);
}

.phone-img {
  width: 100%;
  max-height: 40dvh;
  object-fit: cover;
  object-position: center;
}

.phone-bg {
  background-image: url(https://images.unsplash.com/photo-1467007849282-42dad96c2312?q=80&w=2352&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
  background-size: cover;
  height: 60dvh;
}

.phone-bg>* {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #5da1ce7a;
  text-shadow: 1px 1px 4px rgb(72, 72, 72);
}

.leader-title {
  font-family: "Pacifico", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 2rem;
}

#start {
  background-color: var(--leader-blue);
}

#features {
  margin: 7rem 0;
}