<script>
  let className = "";
  export { className as class };
</script>

<div class="{'landing-page ' + className}">
  <div class="navigation-footer">
    <div class="items">
      <div class="topic">Topic</div>
      <div class="data-repository">Data Repository</div>
      <div class="how-to-contribute">How to Contribute</div>
      <div class="contact-us">Contact Us</div>
    </div>
    <div class="return-to-top">↥↥↥ Return to top ↥↥↥</div>
    <div class="site-name">AM-D-Model.eu</div>
    <div class="social-icons">
      <div class="buttons-icon">
        <img class="icon" src="icon0.svg" />
      </div>
      <div class="buttons-icon">
        <img class="icon2" src="icon1.svg" />
      </div>
      <div class="buttons-icon">
        <img class="icon3" src="icon2.svg" />
      </div>
      <div class="buttons-icon">
        <img class="icon4" src="icon3.svg" />
      </div>
    </div>
    <div class="divider"></div>
  </div>
  <div class="bottom-call">
    <div class="buttons">
      <div class="button">
        <div class="get-involved">Get Involved!</div>
      </div>
      <div class="button2">
        <div class="contact-us2">Contact Us</div>
      </div>
    </div>
    <div class="interested-in-the-project">Interested in the project?</div>
  </div>
  <div class="section-3">
    <img
      class="open-science-palettematched"
      src="open-science-palettematched0.png"
    />
    <div class="text">
      <div class="text2">
        <div class="fair-transparent-and-open">FAIR, Transparent, and Open</div>
        <div
          class="the-am-d-model-benchmark-project-is-designed-with-open-science-in-mind-following-fair-principles-of-transparency-and-openness"
        >
          The AM-D-Model benchmark project is designed with open science in
          mind, following FAIR principles of transparency and openness.
        </div>
      </div>
      <div class="text2">
        <div class="visibility-accessibility-and-impact">
          Visibility, Accessibility and Impact
        </div>
        <div
          class="by-making-these-results-open-we-believe-that-visibility-and-accessibility-will-maximize-their-impact-on-the-l-pbf-field"
        >
          By making these results open, we believe that visibility and
          accessibility will maximize their impact on the L-PBF field.
        </div>
      </div>
      <div class="text2">
        <div class="serving-the-research-community">
          Serving the Research Community
        </div>
        <div
          class="we-aim-to-contribute-to-the-l-pbf-research-community-by-providing-a-universally-accessible-benchmark-similar-to-those-driving-other-cutting-edge-research-fields"
        >
          We aim to contribute to the L-PBF research community by providing a
          universally accessible benchmark similar to those driving other
          cutting-edge research fields.
        </div>
      </div>
    </div>
    <div class="open-science">Open Science</div>
  </div>
  <div class="section-2">
    <img class="data" src="data0.png" />
    <div class="text3">
      <div class="text2">
        <div class="building-the-future-of-l-pbf">
          Building the Future of L-PBF
        </div>
        <div
          class="am-d-model-aims-to-provide-a-key-cornerstone-for-the-future-of-l-pbf-research-a-universal-benchmark-for-process-modelling"
        >
          AM-D-Model aims to provide a key cornerstone for the future of L-PBF
          research: a universal benchmark for process modelling.
        </div>
      </div>
      <div class="text2">
        <div class="community-focused-data-management">
          Community Focused Data Management
        </div>
        <div
          class="we-aim-to-provide-a-blueprint-for-future-big-data-am-projects-working-with-contributors-to-ensure-this-benchmarking-dataset-is-managed-responsibly"
        >
          We aim to provide a blueprint for future big data AM projects, working
          with contributors to ensure this benchmarking dataset is managed
          responsibly.
        </div>
      </div>
      <div class="text2">
        <div class="data-science-as-a-core-discipline">
          Data Science, as a Core Discipline
        </div>
        <div
          class="our-team-includes-expert-data-scientists-responsible-for-managing-data-contributions-and-maximizing-data-impact"
        >
          Our team includes expert data scientists, responsible for managing
          data contributions and maximizing data impact.
        </div>
      </div>
    </div>
    <div class="data-driven-research">Data Driven Research</div>
  </div>
  <div class="section-1">
    <img class="buildplate" src="buildplate0.png" />
    <div class="text4">
      <div class="text2">
        <div class="experienced-research-teams">Experienced Research Teams</div>
        <div
          class="our-collaboration-is-comprised-of-expert-l-pbf-researchers-with-years-of-experience-in-the-field"
        >
          Our collaboration is comprised of expert L-PBF researchers with years
          of experience in the field.
        </div>
      </div>
      <div class="text2">
        <div class="international-excellence">International Excellence</div>
        <div
          class="am-d-model-contributors-include-scientists-and-engineers-from-respected-research-institutions-across-europe"
        >
          AM-D-Model contributors include scientists and engineers from
          respected research institutions across Europe.
        </div>
      </div>
      <div class="text2">
        <div class="backed-by-research-associations">
          Backed by Research Associations
        </div>
        <div
          class="am-d-model-is-supported-and-funded-by-esaform-a-globally-recognized-association-of-research-leaders-in-additive-manufacturing"
        >
          AM-D-Model is supported and funded by ESAFORM, a globally recognized
          association of research leaders in additive manufacturing.
        </div>
      </div>
    </div>
    <div class="experts-in-l-pbf">Experts in L-PBF</div>
  </div>
  <div class="bottom-blend"></div>
  <img class="background-f-000143-1" src="background-f-000143-10.png" />
  <div class="copy">
    <div class="page-title">
      <div class="benchmarking-the-future-of-metal-3-d-printing">
        Benchmarking the future of metal 3d printing
      </div>
      <div
        class="am-d-model-is-an-esaform-benchmark-project-aiming-to-create-the-data-that-will-drive-the-future-of-laser-powder-bed-fusion-l-pbf-research-and-innovation-by-connecting-an-international-network-of-collaborators-am-d-model-will-create-a-comprehensive-open-l-pbf-benchmark-dataset-as-part-of-our-commitment-to-open-science-this-dataset-will-be-openly-shared-with-the-research-community-our-goal-is-to-create-a-universal-benchmark-for-the-l-pbf-community-sparking-the-collaboration-and-innovation-that-will-build-the-future-of-this-technology"
      >
        AM-D-Model is an ESAFORM benchmark project aiming to create the data
        that will drive the future of Laser Powder-Bed-Fusion (L-PBF) research
        and innovation. By connecting an international network of collaborators
        AM-D-Model will create a comprehensive, open L-PBF benchmark dataset. As
        part of our commitment to open science, this dataset will be openly
        shared with the research community. Our goal is to create a universal
        benchmark for the L-PBF community, sparking the collaboration and
        innovation that will build the future of this technology.
      </div>
    </div>
    <div class="button3">
      <div class="get-involved2">Get Involved!</div>
    </div>
  </div>
  <div class="navigation">
    <div class="items2">
      <div class="data-repository2">Data Repository</div>
      <div class="how-to-contribute2">How to Contribute</div>
      <div class="button4">
        <div class="contact-us3">Contact Us</div>
      </div>
    </div>
  </div>
</div>

<style>
  .landing-page,
  .landing-page * {
    box-sizing: border-box;
  }
  .landing-page {
    background: var(--background, #090541);
    height: 3860px;
    position: relative;
    overflow: hidden;
  }
  .navigation-footer {
    background: #ffffff;
    height: 264px;
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: 0px;
    overflow: hidden;
  }
  .items {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-s, 24px);
    align-items: flex-end;
    justify-content: center;
    width: 187px;
    position: absolute;
    right: 80px;
    top: 42px;
  }
  .topic {
    color: #000000;
    text-align: left;
    font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
    font-size: var(--body-font-size, 24px);
    font-weight: var(--body-font-weight, 400);
    position: relative;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .data-repository {
    color: #454545;
    text-align: left;
    font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
    font-size: var(--body-font-size, 24px);
    font-weight: var(--body-font-weight, 400);
    position: relative;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .how-to-contribute {
    color: #454545;
    text-align: left;
    font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
    font-size: var(--body-font-size, 24px);
    font-weight: var(--body-font-weight, 400);
    position: relative;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .contact-us {
    color: #454545;
    text-align: left;
    font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
    font-size: var(--body-font-size, 24px);
    font-weight: var(--body-font-weight, 400);
    position: relative;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .return-to-top {
    color: rgba(69, 69, 69, 0.5);
    text-align: left;
    font-family: var(--small-text-font-family, "Inter-Medium", sans-serif);
    font-size: var(--small-text-font-size, 16px);
    line-height: var(--small-text-line-height, 150%);
    font-weight: var(--small-text-font-weight, 500);
    position: absolute;
    left: 627px;
    top: 114px;
    width: 187px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .site-name {
    color: #000000;
    text-align: left;
    font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
    font-size: var(--body-font-size, 24px);
    font-weight: var(--body-font-weight, 400);
    position: absolute;
    left: 80px;
    top: 55px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .social-icons {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-xs, 8px);
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    left: 80px;
    top: 176px;
  }
  .buttons-icon {
    border-radius: 4px;
    padding: 8px;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    position: relative;
  }
  .icon {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 8px;
    top: 8px;
    overflow: visible;
  }
  .icon2 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 8px;
    top: 8px;
    overflow: visible;
  }
  .icon3 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 8px;
    top: 8px;
    overflow: visible;
  }
  .icon4 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 8px;
    top: 8px;
    overflow: visible;
  }
  .divider {
    margin-top: -1px;
    border-style: solid;
    border-color: #e6e6e6;
    border-width: 1px 0 0 0;
    width: 1280px;
    height: 0px;
    position: absolute;
    left: 80px;
    top: 1px;
    transform-origin: 0 0;
    transform: rotate(0deg) scale(1, 1);
  }
  .bottom-call {
    background: #f7f7f7;
    width: 1440px;
    height: 236px;
    position: absolute;
    left: 0px;
    top: 3365px;
    overflow: hidden;
  }
  .buttons {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    right: 80px;
    top: 80px;
  }
  .button {
    background: var(--background, #090541);
    border-radius: 8px;
    padding: 20px 32px 20px 32px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    box-shadow: var(
      --button-shadow-box-shadow,
      0px 1px 2px 0px rgba(0, 0, 0, 0.05)
    );
  }
  .get-involved {
    color: var(--cpalettecomplimentary, #ffffff);
    text-align: left;
    font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
    font-size: var(--body-font-size, 24px);
    font-weight: var(--body-font-weight, 400);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .button2 {
    background: var(--cpalettecomplimentary, #ffffff);
    border-radius: 8px;
    padding: 20px 32px 20px 32px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    box-shadow: var(
      --button-shadow-box-shadow,
      0px 1px 2px 0px rgba(0, 0, 0, 0.05)
    );
  }
  .contact-us2 {
    color: var(--background, #090541);
    text-align: left;
    font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
    font-size: var(--body-font-size, 24px);
    font-weight: var(--body-font-weight, 400);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .interested-in-the-project {
    color: var(--background, #090541);
    text-align: left;
    font-family: var(--title-font-family, "Martel-Regular", sans-serif);
    font-size: var(--title-font-size, 64px);
    font-weight: var(--title-font-weight, 400);
    position: absolute;
    left: calc(50% - 675px);
    top: 64px;
    width: 874px;
  }
  .sections {
    position: absolute;
    inset: 0;
  }
  .section-3 {
    width: 1348px;
    height: 680px;
    position: static;
  }
  .open-science-palettematched {
    border-radius: var(--corner-extra-large, 28px);
    width: 680px;
    height: 680px;
    position: absolute;
    left: 53px;
    top: 2571px;
    object-fit: cover;
  }
  .text {
    display: flex;
    flex-direction: column;
    gap: 48px;
    align-items: flex-end;
    justify-content: flex-start;
    width: 35.83%;
    height: 13.55%;
    position: absolute;
    right: 10.21%;
    left: 53.96%;
    bottom: 16.75%;
    top: 69.7%;
  }
  .text2 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
  }
  .fair-transparent-and-open {
    color: var(--cpalettelight, #009990);
    text-align: left;
    font-family: "Assistant-SemiBold", sans-serif;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    width: 515px;
  }
  .the-am-d-model-benchmark-project-is-designed-with-open-science-in-mind-following-fair-principles-of-transparency-and-openness {
    color: var(--cpalettecomplimentary, #ffffff);
    text-align: left;
    font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
    font-size: var(--body-font-size, 24px);
    font-weight: var(--body-font-weight, 400);
    position: relative;
    width: 515px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .visibility-accessibility-and-impact {
    color: var(--cpalettelight, #009990);
    text-align: left;
    font-family: "Assistant-SemiBold", sans-serif;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    width: 515px;
  }
  .by-making-these-results-open-we-believe-that-visibility-and-accessibility-will-maximize-their-impact-on-the-l-pbf-field {
    color: var(--cpalettecomplimentary, #ffffff);
    text-align: left;
    font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
    font-size: var(--body-font-size, 24px);
    font-weight: var(--body-font-weight, 400);
    position: relative;
    width: 515px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .serving-the-research-community {
    color: var(--cpalettelight, #009990);
    text-align: left;
    font-family: "Assistant-SemiBold", sans-serif;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    align-self: stretch;
  }
  .we-aim-to-contribute-to-the-l-pbf-research-community-by-providing-a-universally-accessible-benchmark-similar-to-those-driving-other-cutting-edge-research-fields {
    color: var(--cpalettecomplimentary, #ffffff);
    text-align: left;
    font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
    font-size: var(--body-font-size, 24px);
    font-weight: var(--body-font-weight, 400);
    position: relative;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .open-science {
    color: var(--cpalettelight, #009990);
    text-align: left;
    font-family: "Martel-Bold", sans-serif;
    font-size: 54px;
    font-weight: 700;
    position: absolute;
    right: 2.71%;
    left: 53.96%;
    width: 43.33%;
    bottom: 31.04%;
    top: 66.61%;
    height: 2.36%;
  }
  .section-2 {
    width: 1305px;
    height: 680px;
    position: static;
  }
  .data {
    border-radius: var(--corner-extra-large, 28px);
    width: 680px;
    height: 680px;
    position: absolute;
    left: 721px;
    top: 1805px;
    object-fit: cover;
  }
  .text3 {
    display: flex;
    flex-direction: column;
    gap: 48px;
    align-items: flex-end;
    justify-content: flex-start;
    width: 35.83%;
    position: absolute;
    right: 57.5%;
    left: 6.67%;
    top: 50%;
    translate: 0 -50%;
  }
  .building-the-future-of-l-pbf {
    color: var(--cpalettelight, #009990);
    text-align: left;
    font-family: "Assistant-SemiBold", sans-serif;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    width: 515px;
  }
  .am-d-model-aims-to-provide-a-key-cornerstone-for-the-future-of-l-pbf-research-a-universal-benchmark-for-process-modelling {
    color: var(--cpalettecomplimentary, #ffffff);
    text-align: left;
    font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
    font-size: var(--body-font-size, 24px);
    font-weight: var(--body-font-weight, 400);
    position: relative;
    width: 515px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .community-focused-data-management {
    color: var(--cpalettelight, #009990);
    text-align: left;
    font-family: "Assistant-SemiBold", sans-serif;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    width: 515px;
  }
  .we-aim-to-provide-a-blueprint-for-future-big-data-am-projects-working-with-contributors-to-ensure-this-benchmarking-dataset-is-managed-responsibly {
    color: var(--cpalettecomplimentary, #ffffff);
    text-align: left;
    font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
    font-size: var(--body-font-size, 24px);
    font-weight: var(--body-font-weight, 400);
    position: relative;
    width: 515px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .data-science-as-a-core-discipline {
    color: var(--cpalettelight, #009990);
    text-align: left;
    font-family: "Assistant-SemiBold", sans-serif;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    align-self: stretch;
  }
  .our-team-includes-expert-data-scientists-responsible-for-managing-data-contributions-and-maximizing-data-impact {
    color: var(--cpalettecomplimentary, #ffffff);
    text-align: left;
    font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
    font-size: var(--body-font-size, 24px);
    font-weight: var(--body-font-weight, 400);
    position: relative;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .data-driven-research {
    color: var(--cpalettelight, #009990);
    text-align: left;
    font-family: "Martel-Bold", sans-serif;
    font-size: 54px;
    font-weight: 700;
    position: absolute;
    right: 49.93%;
    left: 6.74%;
    width: 43.33%;
    bottom: 50.88%;
    top: 46.76%;
    height: 2.36%;
  }
  .section-1 {
    width: 1347px;
    height: 680px;
    position: static;
  }
  .buildplate {
    border-radius: var(--corner-extra-large, 28px);
    width: 680px;
    height: 680px;
    position: absolute;
    left: 54px;
    top: 1040px;
    object-fit: cover;
  }
  .text4 {
    display: flex;
    flex-direction: column;
    gap: 48px;
    align-items: flex-end;
    justify-content: flex-start;
    width: 35.83%;
    height: 11.94%;
    position: absolute;
    right: 10.28%;
    left: 53.89%;
    bottom: 58.12%;
    top: 29.94%;
  }
  .experienced-research-teams {
    color: var(--cpalettelight, #009990);
    text-align: left;
    font-family: "Assistant-SemiBold", sans-serif;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    width: 515px;
  }
  .our-collaboration-is-comprised-of-expert-l-pbf-researchers-with-years-of-experience-in-the-field {
    color: var(--cpalettecomplimentary, #ffffff);
    text-align: left;
    font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
    font-size: var(--body-font-size, 24px);
    font-weight: var(--body-font-weight, 400);
    position: relative;
    width: 515px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .international-excellence {
    color: var(--cpalettelight, #009990);
    text-align: left;
    font-family: "Assistant-SemiBold", sans-serif;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    width: 515px;
  }
  .am-d-model-contributors-include-scientists-and-engineers-from-respected-research-institutions-across-europe {
    color: var(--cpalettecomplimentary, #ffffff);
    text-align: left;
    font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
    font-size: var(--body-font-size, 24px);
    font-weight: var(--body-font-weight, 400);
    position: relative;
    width: 515px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .backed-by-research-associations {
    color: var(--cpalettelight, #009990);
    text-align: left;
    font-family: "Assistant-SemiBold", sans-serif;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    align-self: stretch;
  }
  .am-d-model-is-supported-and-funded-by-esaform-a-globally-recognized-association-of-research-leaders-in-additive-manufacturing {
    color: var(--cpalettecomplimentary, #ffffff);
    text-align: left;
    font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
    font-size: var(--body-font-size, 24px);
    font-weight: var(--body-font-weight, 400);
    position: relative;
    width: 520px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .experts-in-l-pbf {
    color: var(--cpalettelight, #009990);
    text-align: left;
    font-family: "Martel-Bold", sans-serif;
    font-size: 54px;
    font-weight: 700;
    position: absolute;
    right: 2.71%;
    left: 53.96%;
    width: 43.33%;
    bottom: 70.7%;
    top: 26.94%;
    height: 2.36%;
  }
  .landing-splash {
    position: absolute;
    inset: 0;
  }
  .bottom-blend {
    background: var(--background, #090541);
    width: 1522.79px;
    height: 33.31px;
    position: absolute;
    left: -45px;
    top: 905.69px;
    box-shadow: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  }
  .background-f-000143-1 {
    width: 1545px;
    height: 922.88px;
    position: absolute;
    left: -45px;
    top: 0px;
    object-fit: cover;
  }
  .copy {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 892.53px;
    height: 647.85px;
    position: absolute;
    left: 48.06px;
    top: 227.77px;
  }
  .page-title {
    align-self: stretch;
    flex-shrink: 0;
    height: 492px;
    position: relative;
  }
  .benchmarking-the-future-of-metal-3-d-printing {
    color: var(--cpalettecomplimentary, #ffffff);
    text-align: left;
    font-family: "Martel-Bold", sans-serif;
    font-size: 64px;
    letter-spacing: -0.02em;
    font-weight: 700;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 844px;
  }
  .am-d-model-is-an-esaform-benchmark-project-aiming-to-create-the-data-that-will-drive-the-future-of-laser-powder-bed-fusion-l-pbf-research-and-innovation-by-connecting-an-international-network-of-collaborators-am-d-model-will-create-a-comprehensive-open-l-pbf-benchmark-dataset-as-part-of-our-commitment-to-open-science-this-dataset-will-be-openly-shared-with-the-research-community-our-goal-is-to-create-a-universal-benchmark-for-the-l-pbf-community-sparking-the-collaboration-and-innovation-that-will-build-the-future-of-this-technology {
    color: var(--cpalettecomplimentary, #ffffff);
    text-align: left;
    font-family: var(--body-font-family, "Assistant-Regular", sans-serif);
    font-size: var(--body-font-size, 24px);
    font-weight: var(--body-font-weight, 400);
    position: absolute;
    left: 0px;
    top: 258px;
    width: 844px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .button3 {
    background: var(--cpalettemedium, #074799);
    border-radius: 8px;
    padding: 20px 32px 20px 32px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    box-shadow: var(
      --button-shadow-box-shadow,
      0px 1px 2px 0px rgba(0, 0, 0, 0.05)
    );
  }
  .get-involved2 {
    color: var(--cpalettelight, #009990);
    text-align: left;
    font-family: "Assistant-Bold", sans-serif;
    font-size: 24px;
    font-weight: 700;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .navigation {
    height: 116.03px;
    position: absolute;
    right: -47.31px;
    left: -35.482441902160645px;
    top: 0px;
    overflow: hidden;
  }
  .items2 {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-m, 48px);
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    right: 79.79px;
    top: 28px;
  }
  .data-repository2 {
    color: var(--cpalettelight, #009990);
    text-align: left;
    font-family: "Assistant-Bold", sans-serif;
    font-size: 24px;
    font-weight: 700;
    text-decoration: underline;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .how-to-contribute2 {
    color: var(--cpalettelight, #009990);
    text-align: left;
    font-family: "Assistant-Bold", sans-serif;
    font-size: 24px;
    font-weight: 700;
    text-decoration: underline;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .button4 {
    background: var(--cpalettelight, #009990);
    border-radius: 8px;
    padding: 14px 24px 14px 24px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    box-shadow: var(
      --button-shadow-box-shadow,
      0px 1px 2px 0px rgba(0, 0, 0, 0.05)
    );
  }
  .contact-us3 {
    color: var(--cpalettedark, #001a6e);
    text-align: left;
    font-family: "Assistant-Bold", sans-serif;
    font-size: 24px;
    font-weight: 700;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
</style>
