html,
body {
  height: 100%;
  font-family: "Poppins", sans-serif;
}

.bg-hero {
  background-image: url("../images/bg-mobile.jpeg");
}

@media (min-width: 768px) {
  .bg-hero {
    background-image: url("../images/bg.jpeg");
  }
}

.typed-cursor::after {
  content: "_";
  display: inline-block;
  margin-left: 0.05em;
  animation: typed-cursor-blink 0.8s step-end infinite;
}

@keyframes typed-cursor-blink {
  0%,
  49% {
    opacity: 1;
  }
  50%,
  100% {
    opacity: 0;
  }
}