@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@600&display=swap');

  .header {
    position: fixed;
    bottom: 0;
    z-index: 1;
    width: 100%;
    background-color: #33333300;
    align-items: center;
  }
  
  /* The progress container (grey background) */
  .progress-container {
    width: 100%;
    height: 8px;
    background: #333333;
  }
  
  /* The progress bar (scroll indicator) */
  .progress-bar {
    height: 8px;
    background: #04AA6D;
    width: 0%;
  }

  .hero img {
    border-radius: 200px;
  }

  .logo img{
    transition: transform 0.5s;
  }

  .logo:hover img{
      transform: scale(1.3);
  }

  #hero-head i{
    color: #333333;
 }