.image-fade {
  position: relative;
  outline: 10px solid white;
}

.image-fade::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 150px;
  background: linear-gradient(to bottom, transparent, white);
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-5%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#screenshot {
  opacity: 0;
  animation: fadeInDown 1s ease forwards;
  animation-delay: 0.5s;
}

#call-to-action {
  opacity: 0;
  animation: fadeInDown 1s ease forwards;
  /* animation-delay: 0.5s; */
}

textarea,
input {
  font-size: 1rem;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #dedede;
}

input[type="submit"] {
  cursor: pointer;
  background: #42959be6;
  border-color: rgba(66, 149, 155, 1);
  color: white;
}

input[type="submit"]:hover {
  background: #42959b;
}

input[type="submit"]:active {
  background: rgba(66, 149, 155, 0.9);
}