svg {
    height: 23rem;
    margin-right: 4rem;
  }
  svg g path {
    fill: revert-layer !important;
}
  #envelope {
    animation: float 2s ease-in-out infinite;
  }
  
  #star1, #star2, #star3, #star4, #star5, #star6 {
    animation: blink 1s ease-in-out infinite;
  }
  
  #star2 {
    animation-delay: 100ms;
  }
  
  #star3 {
    animation-delay: 500ms;
  }
  
  #star4 {
    animation-delay: 700ms;
  }
  
  #star5 {
    animation-delay: 300ms;
  }
  
  #star6 {
    animation-delay: 200ms;
  }
  
  @keyframes float {
    0% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(-20px);
    }
    100% {
      transform: translateY(0px);
    }
  }
  @keyframes blink {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 0.5;
    }
    100% {
      opacity: 1;
    }
  }
  form .title {
    color: #212529;
    font-size: 2.5rem;
  }
  form input,
  form textarea {
    font-family: "Quicksand", sans-serif;
    color: #212529;
    font-size: 1.1rem;
  }
  .button-group {
    justify-content: center;
}

#star1 path {
 fill: #fa4f2e !important;
  }

#star2 path {
 fill: #fa4f2e !important;
  }
  
  #star3 path {
 fill: #fa4f2e !important;
  }
  
  #star4 path {
 fill: #fa4f2e !important;
  }
  
  #star5 path {
 fill: #fa4f2e !important;
  }
  
  #star6 path {
 fill: #fa4f2e !important;
  }
  #g372 path {
 fill: #fa4f2e !important;
  }
  #g380 path {
 fill: #fa4f2e !important;
  }
  #g384 path {
 fill: #fa4f2e !important;
  }
  #g388 path {
 fill: #fa4f2e !important;
  }
  #g392 path {
 fill: #fa4f2e !important;
  }
  #g396 path {
 fill: #fa4f2e !important;
  }
  #g400 path {
 fill: #fa4f2e !important;
  }
  #g404 path {
 fill: #fa4f2e !important;
  }
  #g408 path {
 fill: #fa4f2e !important;
  }
  #g424 path {
 fill: #fa4f2e !important;
  }
  #g436 path {
 fill: #fa4f2e !important;
  }
  .home-hero_image-wrapper {
    position: relative;
}
@media (max-width: 500px) {
svg {
  height: 11rem;
  margin-right: 0rem;
}
}