/* ==========================================================================
   Start of custom Webflow CSS
   ========================================================================== */
.w-layout-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

body {
  background-color: #e5e1df;
  font-family: Satoshi, Arial, sans-serif;
  color: #222;
  font-size: 1vw;
  line-height: 1;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 9.5rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 700;
}

h3 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
}

a {
  color: #212121;
  text-decoration: none;
}

ul {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  list-style-type: none;
}

img {
  display: inline-block;
  width: 1005%;
  max-width: 100%;
}

strong {
  font-weight: bold;
}

blockquote {
  margin-bottom: 0px;
  padding: 0px;
}

.wrapper {
  overflow: hidden;
  width: 100vw;
}

.hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  padding-bottom: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.hero-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 3rem;
  padding-left: 3rem;
  text-align: left;
}

.sub-heading {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #222;
  font-size: 2.1rem;
  line-height: 1;
  text-align: right;
  text-transform: uppercase;
}

.hero-heading {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 9.8rem;
}

.sub-sub-heading {
  color: #fff;
  font-size: 2.3rem;
  line-height: 1;
}

.nav {
  position: fixed;
  width: 100vw;
}

.index {
  margin-top: 2rem;
  padding: 3rem;
}

.index.hidden {
  display: none;
}

.wrap.is--hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.wrap.is--gh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  font-size: 1.3rem;
}

.line-break {
  width: 94%;
  height: 0.01rem;
  background-color: #222;
}

.linebreak-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.index-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: auto;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.index-flex.is--content {
  display: block;
  width: 100%;
}

.index-list {
  font-weight: 500;
}

.index-list-item {
  border-bottom: 0.01rem solid #222;
}

.index-list-item.first {
  border-top: 0.01px solid #222;
  border-bottom-width: 0.01rem;
}

.link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.link:hover {
  background-color: rgba(34, 34, 34, 0.02);
}

.number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem 1.2rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background-color: #222;
  color: #e0e0e0;
  font-weight: 700;
}

.section {
  height: 100vh;
}

.section.is--1-2 {
  display: -ms-grid;
  display: grid;
  height: auto;
  min-height: 100vh;
  padding-right: 3rem;
  padding-left: 3rem;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 1rem;
  padding-left: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 1.3rem;
  line-height: 1.1;
}

.right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-right: 3rem;
  padding-left: 3rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-wrap {
  width: 100%;
  height: 96%;
  padding-right: 0px;
}

.numver-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 4.3rem;
  height: 2.7rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #222;
  border-radius: 100%;
  background-color: #222;
  color: #fff;
}

.code {
  padding-right: 0.4rem;
  padding-left: 0.4rem;
  border-radius: 5px;
  background-color: #e5e1df;
  font-family: Satoshi, Arial, sans-serif;
  color: #222;
  font-style: normal;
  font-weight: 700;
}

.code.is--2 {
  background-color: rgba(34, 34, 34, 0.46);
  font-style: normal;
  font-weight: 400;
}

.image {
  height: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.block-quote {
  width: 28ch;
  color: #322f2d;
  font-size: 1vw;
  font-style: italic;
  font-weight: 500;
}

.github-content {
  padding-left: 3rem;
}

.github {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.it {
  font-style: italic;
  font-weight: 700;
  text-transform: none;
}

.grid._2x1 {
  display: -ms-grid;
  display: grid;
  padding-top: 2rem;
  padding-right: 3rem;
  padding-left: 3rem;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid._2x1.is--2 {
  height: 100%;
}

.link-to-gh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 33.2rem;
  height: 4rem;
  padding-right: 1rem;
  padding-left: 1rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #222;
  color: #e5e1df;
}

.main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 8px;
}

.dmeos {
  overflow: hidden;
  width: 100vw;
  min-height: 100vh;
  margin-top: 3rem;
}

.banner-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.banner {
  padding-right: 2.1rem;
  background-color: #fff;
  white-space: nowrap;
}

.spacer {
  height: 150vh;
}

.demo-2 {
  height: 100vh;
  min-height: 100vh;
}

.table {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
}

.null {
  color: rgba(34, 34, 34, 0);
}

.top {
  background-color: rgba(0, 0, 0, 0.03);
  font-style: normal;
  text-decoration: none;
  text-transform: capitalize;
}

.gh-svg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  padding-left: 3rem;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.heading {
  margin-bottom: -12px;
}

@media screen and (max-width: 479px) {
  .hero-content {
    padding-right: 1.3rem;
    padding-left: 1.3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .sub-heading {
    font-size: 1rem;
  }

  .hero-heading {
    font-size: 3.1rem;
  }

  .wrap.is--gh {
    white-space: break-spaces;
  }

  .index-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 4vw;
  }

  .section.is--1-2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .left {
    font-size: 0.8rem;
  }

  .right {
    padding-right: 1.3rem;
    padding-left: 1.3rem;
  }

  .numver-wrap {
    width: 2.9rem;
    height: 1.2rem;
  }

  .block-quote {
    font-size: 5vw;
  }

  .github-content {
    padding-left: 1.3rem;
    font-size: 1vw;
  }

  .github {
    min-height: 100vh;
  }

  .grid._2x1 {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .link-to-gh {
    width: 17.9rem;
    font-size: 1.1rem;
  }

  .bottom {
    padding-left: 1rem;
    white-space: break-spaces;
  }

  .heading {
    font-size: 1rem;
  }

  .heading-2 {
    margin-top: 0px;
    font-size: 21px;
    line-height: 1;
  }

  .gh-h {
    font-size: 3.4rem;
  }

  .bottom-h1 {
    font-size: 3.1rem;
    white-space: break-spaces;
  }
}

#w-node-_403bc5ce-bb8f-6b42-99fe-cdbfc522191c-04e64b7b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-_994b9154-22e5-e9ef-4dda-319f7a711653-04e64b7b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-_15bb8304-f530-6c4b-7e69-b69c927cecb9-04e64b7b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-_15bb8304-f530-6c4b-7e69-b69c927cecc6-04e64b7b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_021ae53e-e7a0-9116-13bb-2bbf0a2d61b1-04e64b7b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-_021ae53e-e7a0-9116-13bb-2bbf0a2d61be-04e64b7b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_6686d610-961b-33b3-fccf-a1af28831572-04e64b7b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-_6686d610-961b-33b3-fccf-a1af2883158b-04e64b7b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-ec9c9aa9-5a6a-af03-05f1-35688ef3c863-04e64b7b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_6822cc8b-671f-721e-38a3-819f3cfd41e9-04e64b7b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_6ee6baee-f12c-af9f-0053-8431b8d7b0e7-04e64b7b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_1fbd82ff-adb5-4dc3-f83f-a39cb4887774-04e64b7b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-eea12e62-72cf-aa48-565f-420a2381b4ea-04e64b7b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_7401eaaf-c716-8189-fc63-ec6b7e689634-04e64b7b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-f3a04863-e9ea-7f7a-4211-1421bf19d5b3-04e64b7b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-f3950df9-6947-0a7c-3e54-43dbc07eab2a-04e64b7b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_2c64ca6e-93ae-53ca-1d9c-7ff9bb6c32fd-04e64b7b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-a5e037c0-9f05-e5e9-e0d8-dbe9c042ce59-04e64b7b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-eeafa0da-836d-f5fe-0441-606d95602345-04e64b7b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-fd066294-f11d-658c-6c35-b0d90b1ed343-04e64b7b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-a1bbd805-a75b-25ff-49b9-a97c7e119e9f-04e64b7b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}
@font-face {
  font-family: "Satoshi";
  src: url("https://uploads-ssl.webflow.com/6352fb24d7135dc257e64b7a/6353b2d713ceda615c917513_Satoshi-Black.otf")
    format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("https://uploads-ssl.webflow.com/6352fb24d7135dc257e64b7a/6353b2d74f3fdf8e65000bd3_Satoshi-BlackItalic.otf")
    format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("https://uploads-ssl.webflow.com/6352fb24d7135dc257e64b7a/6353b2d741400e43a5b8d424_Satoshi-Light.otf")
    format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("https://uploads-ssl.webflow.com/6352fb24d7135dc257e64b7a/6353b2d7299a9b7c109a0c63_Satoshi-Medium.otf")
    format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("https://uploads-ssl.webflow.com/6352fb24d7135dc257e64b7a/6353b2d7cef9169ba5f3b2f0_Satoshi-BoldItalic.otf")
    format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("https://uploads-ssl.webflow.com/6352fb24d7135dc257e64b7a/6353b2d7d7638b759f9a1c2d_Satoshi-Italic.otf")
    format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("https://uploads-ssl.webflow.com/6352fb24d7135dc257e64b7a/6353b2d7d7638b3a149a1c2e_Satoshi-LightItalic.otf")
    format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("https://uploads-ssl.webflow.com/6352fb24d7135dc257e64b7a/6353b2d7e708dc35b1363ad0_Satoshi-MediumItalic.otf")
    format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("https://uploads-ssl.webflow.com/6352fb24d7135dc257e64b7a/6353b2d7d7638b0cbe9a1c2f_Satoshi-Regular.otf")
    format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("https://uploads-ssl.webflow.com/6352fb24d7135dc257e64b7a/6353b2d70af27d43f9c41998_Satoshi-Bold.otf")
    format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}