.right {
      float: right;
    }
    html {
      line-height: 1.5;
      -webkit-text-size-adjust: 100%;
      -moz-tab-size: 4;
      tab-size: 4;
      font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      font-feature-settings: normal;
      font-variation-settings: normal;
      -webkit-tap-highlight-color: transparent;
      background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
    }
    .page {
      margin-bottom: 100px;
    }
    .m-page {
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 60px;
      padding-bottom: 190px;
    }
    .grey {
      color: rgb(75 85 99 / var(--tw-text-opacity, 1));
    }
    .grey-50 {
      color: rgb(150,150,150);
    }
    .gold {
      color: rgb(255, 156, 119);
      border-radius: 5px;
    }

    .btn {
      display: inline-block;
      position: relative;
      color: rgb(138, 138, 139);
      padding: 2px 5px;
      margin: 0px 5px 0px 10px;
      border-radius: 10px;
      background-color: rgb(232 232 232);
      z-index: 10;
    }
    .btn:hover{
      color: black;
    }

    .full-input {
      min-width: 300px;
      font-size: x-large;
      border-radius: 5px;
      background-color: #fffdf1;
    }

    .primary-link {
      color: rgb(69, 69, 69);
      background-color: #c8dafd;
      box-sizing: border-box;
      border-width: 0;
      border-style: solid;
      border-color: #2e2e2e;
      text-decoration: none;
      padding: 16px;
      display: inline-block;
      border-radius: 0.5rem;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      margin: 10px;
    }
    .primary-link:hover {
      background-color: rgb(255, 219, 207);
      color: rgb(0, 0, 0);
    }

    .secondary {
      color: rgb(200, 200, 200);
    }

    .secondary-link {
      color: gray;
      padding: 16px;
      text-decoration: none;
      display: inline-block;
    }
    .secondary-link:hover {
      color: rgb(249 115 22);
    }

    .m-secondary-link {
      color: gray;
      text-decoration: none;
      display: inline-block;
      position: relative;
      padding: 2px 10px;
      margin: 0px 3px 0px 3px;
      border-radius: 5px;
      background-color: rgb(232 232 232);
    }
    .m-secondary-link:hover {
      color: rgb(249 115 22);
    }

    .link {
      color: gray;
      text-decoration: none;
      display: inline-block;
      border-radius: 5px;
      padding: 3px 10px;
      display: inline-block;
    }
    .link:hover {
      background-color: orange;
      color: rgb(249 115 22);
    }

    .page-title{
      color: white;
      font-family:  ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      font-weight: bold;
      font-size: xx-large;
      padding: 20px 10px;
    }
    .m-page-title{
      color: white;
      font-family:  ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      font-weight: bold;
      font-size: x-large;
      padding: 10px 5px;
    }

    .m-header {
      position: fixed;
      place-items: center;
      background-color: rgb(26 77 74 / var(--tw-bg-opacity, 1));
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      top: 0px;
      left: 0px;
      right: 0px;
      padding: 5px 16px 5px 16px;
      z-index: 100;
    }


    .section {
      background-color: white;
      border-radius: 1rem;
      max-width: 90%;
      max-width: 1000px;
      justify-self: center;
    }
    .wide-section {
      background-color: white;
      border-radius: 1rem;
      max-width: 90%;
      max-width: 1000px;
      justify-self: center;
      padding: 20px;
    }
    .section-title {
      --tw-text-opacity: 1;
      color: rgb(75 85 99 / var(--tw-text-opacity, 1));
      font-weight: 700;
      font-size: 1.875rem;
      line-height: 2.25rem;
      text-align: center;
      margin-bottom: 3rem;
    }
    .m-section-title {
      --tw-text-opacity: 1;
      color: rgb(75 85 99 / var(--tw-text-opacity, 1));
      font-weight: 700;
      font-size: 1.2rem;
      line-height: 1.5rem;
      text-align: center;
      margin-bottom: 1.5rem;
    }
    
    .m-footer {
      place-items: center;
      background-color: rgb(26 77 74 / var(--tw-bg-opacity, 1));
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      padding-top: 10px;
      padding-bottom: 24px;
      bottom: -20px;
      position: fixed;
      width: 100%;
      left: 0px;
      z-index: 100;
    }
    .footer {
      place-items: center;
      background-color: rgb(26 77 74 / var(--tw-bg-opacity, 1));
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      padding-top: 32px;
      padding-bottom: 32px;
      bottom: -20px;
      position: fixed;
      width: 100%;
      left: 0px;
      z-index: 100;
    }
    .m-footer-link {
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      text-decoration: none;
      padding: 3px 13px;
      display: inline-block;
    }
    .footer-link {
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
      text-decoration: none;
      padding: 16px;
      display: inline-block;
    }
    .footer-link:hover {
      color: rgb(249 115 22 / var(--tw-text-opacity, 1));
    }