.nav{
    background-color:#26493d !important;
}

.parallax-container{
    height: 50vh;
}
.typewriter h1 {
    justify-content: center;
    color: #000000;
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    border-right: .15em solid #26493d; /* The typwriter cursor */
    white-space: nowrap; /* Keeps the content on a single line */
    margin: 0 auto; /* Gives that scrolling effect as the typing happens */
    letter-spacing: 0em; /* Adjust as needed */
    animation: 
      typing 3.5s steps(50, end),
      blink-caret .5s step-end infinite;
  }
  
  /* The typing effect */
  @keyframes typing {
    from { width: 0 }
    to { width: 100% }
  }
  
  /* The typewriter cursor effect */
  @keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: #26493d }
  }