#outercontainer {
        width: 900px;
        margin: 0 auto;

      }

      .nav {
        display: inline-flex;
        align-items: center;
        gap: 81px;
      }

      .nav-text {
        font-family: Piazzolla;
        color: rgba(39, 70, 121, 1);
        text-decoration: none;
      }

      .nav-text:hover {
        color: rgba(39, 70, 121, 0.5);
        text-decoration: underline;

      }



      body {
        font-family: Piazzolla;
        color: rgba(39, 70, 121, 1);
        font-size: 18px;
      }

      .header-text {
        margin-top: 100px;
        text-align: center;
        font-family: Piazzolla;
        font-size: 64px;
        font-style: normal;
        font-weight: 500;
        line-height: .2;
      }

      .subheader-text {
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: .01;
        text-align: center;
      }

      .maintext-div {
        width: 800px;
        margin: 0 auto;
        align-items: center;  
        text-align: center;  
      }

      .maintext-div-about {
        width: 600px;
        margin: 0 auto;
        padding-top: 50px;
        align-items: center;  
        text-align: center;  
      }

      .img {
        width: 800px;
      }

      .smallimg {
        width: 300px;
      }

      .icon {
        width: 30px;
        padding: 5px;
      }

      .CTA {
        background-color: #FE7D9C;
        color: white;
        padding: 10px;
        padding-right: 30px;
        padding-left: 30px;
        border-style: none;
        border-radius: 50px ;
        font-family: piazzolla;
        font-size: 18px;
      }

      .CTA:hover {
        opacity: 0.7;
        transition: 0.1s;
      }

      .CTA-text {
        color: white;
        text-decoration: none;
      }

      .CTA-text:visited {
        color: white; 
    }