@import url(https://db.onlinewebfonts.com/c/8f2a9d487bbbc60974cd132fc3a63862?family=Aeonik+Regular);



*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


html {
  /* background-image: linear-gradient(330deg, rgba(9, 20, 13, 0.8), rgba(9, 20, 13, 0.08)); */
}


body {
  font-family: aeonik ,Arial, sans-serif;
  scroll-behavior: smooth;
  padding: 0;
  margin: 0;
  color: white;
  position: relative;
  overflow: visible;
  position: relative;


}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    background: inherit;
    filter: blur(5px);
    z-index: -1000;
    background: url(../img/imgi_58_thumbnail.webp);
  background-position: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: cover;
  height: 100%;
  background-attachment: fixed;
}
a {
  text-decoration: none;
  color: white;
  color: #151a1a;
}
p {
  line-height: 1.5;
  
}
button{
  cursor: pointer;
}

[class~="navigation"] { width: 100%; display: flex; z-index: 1; z-index: 100000; align-items: center; justify-content: center; } [class~="navigation"] [class~="navigation-container"] { width: 82.5rem; display: flex; justify-content: space-between; margin: auto; padding: 1.5rem 3.75rem; } [class~="navigation"] [class~="navigation-container"] [class~="leftside"]{ display: flex; gap: 1.5rem; } [class~="navigation"] [class~="navigation-container"] [class~="leftside"] [class~="logo"] { display: flex; align-items: center; gap: .5rem; } [class~="navigation"] [class~="navigation-container"] [class~="leftside"] [class~="logo"] img { width: 2rem; height: 2rem; } [class~="navigation"] [class~="navigation-container"] [class~="leftside"] [class~="logo"] p{ font-size: 1.125rem; font-weight: 600; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] { display: flex; align-items: center; justify-content: center; gap: 2rem; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] button { width: 100%; justify-content: center; border-radius: 4.5rem; outline: none; background: transparent; color: black; cursor: pointer; transition: ease-in 0.2s; display: flex; background-color: white; font-family: aeonik, sans-serif; display: flex; align-items: center; gap: 0.5rem; border: none; background-color: white; box-shadow: inset 0 0 0 0.0625rem rgba(39, 40, 42, .25), 0 0.4375rem 0.9375rem 0 rgba(var(--coal-rgb), .12); backdrop-filter: blur(1.25rem); min-width: 3.5rem; height: 3.5rem; padding: 0 1.5rem; gap: 1rem; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] button svg{ width: 1.75rem; height: 1.75rem; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] button p { font-size: 1.125rem; color: #09090b; font-weight: 600; font-family: inter,Arial, sans-serif; } [class~="header"]{ display: flex; flex-direction: column; width: 82.5rem; margin: auto; flex-direction: column; padding: 0 3.75rem; height:calc(100vh - 6.5rem); justify-content: center; } [class~="header"] [class~="header-container"]{ display: flex; width: 100%; padding: 6.75rem 0; padding: 0; justify-content: start; align-items: center; gap: 1.25rem; height: fit-content; } [class~="header"] [class~="header-container"] [class~="line"]{ display: flex; flex-direction: column; align-items: center; } [class~="header"] [class~="header-container"] [class~="line"] [class~="round"]{ width: 0.375rem; height: 0.375rem; background: white; border-radius: 0.625rem; } [class~="header"] [class~="header-container"] [class~="line"] [class~="stick"]{ width: 0.0625rem; height: fit-content; background-color: white; height: 20rem; } [class~="header"] [class~="header-container"] [class~="rightside"]{ display: flex; flex-direction: column; gap: 1.875rem; } [class~="header"] [class~="header-container"] [class~="rightside"] h1{ font-size: 3.75rem; font-weight: 500; } [class~="header"] [class~="header-container"] [class~="rightside"] h6{ font-size: 1.5rem; font-weight: 500; } [class~="header"] [class~="header-container"] [class~="rightside"] button{ width: fit-content; justify-content: center; border-radius: 4.5rem; outline: none; background: transparent; color: black; cursor: pointer; transition: ease-in 0.2s; display: flex; background-color: white; font-family: inter, sans-serif; display: flex; align-items: center; gap: 0.5rem; border: none; background-color: white; box-shadow: inset 0 0 0 0.0625rem rgba(39, 40, 42, .25), 0 0.4375rem 0.9375rem 0 rgba(var(--coal-rgb), .12); backdrop-filter: blur(1.25rem); min-width: 3.5rem; height: 3.5rem; padding: 0 1.5rem; gap: 1rem; margin: 1.875rem 0 0.75rem; } [class~="header"] [class~="header-container"] [class~="rightside"] button svg{ width: 1.75rem; height: 1.75rem; } [class~="header"] [class~="header-container"] [class~="rightside"] button p { font-size: 1.125rem; color: #09090b; font-weight: 500; font-family: inter,Arial, sans-serif; } [class~="sect1"]{ display: flex; width: 100%; height: 100vh; width: 82.5rem; padding: 0 3.75rem; margin: auto; } [class~="sect1"] [class~="sect1-container"]{ display: flex; width: 100%; justify-content:center; align-items: center; padding: 6.75rem 0; } [class~="sect1"] [class~="sect1-container"] [class~="box"]{ width: 100%; padding: 2rem; display: flex; flex-direction: column; backdrop-filter: blur(1.875rem); border-radius: 1.25rem; justify-content:center; align-items: center; justify-content: space-evenly; background: rgba(255, 255, 255, .15); border: solid 0.0625rem rgba(255, 255, 255, .25); height: 23.75rem; } [class~="sect1"] [class~="sect1-container"] [class~="box"] h2{ font-size: 2.5rem; text-align: center; text-shadow: 0 0.25rem 3.75rem rgba(83, 95, 106, .4), 0 0.375rem 0.5rem rgba(83, 95, 106, .3); font-style: normal; font-weight: 500; } [class~="sect1"] [class~="sect1-container"] [class~="box"] [class~="below"]{ display: flex; width: 100%; } [class~="sect1"] [class~="sect1-container"] [class~="box"] [class~="below"] [class~="one"]{ display: flex; flex-direction: column; width: 100%; padding: 0 1.875rem; justify-content: center; align-items: center; } [class~="sect1"] [class~="sect1-container"] [class~="box"] [class~="below"] [class~="one"] h3{ font-size: 2.5rem; } [class~="sect1"] [class~="sect1-container"] [class~="box"] [class~="below"] [class~="one"] p{ font-size: 1.125rem; margin-top: 0.75rem; } [class~="sect2"]{ display: flex; width: 100%; height: 100vh; width: 82.5rem; padding: 0 3.75rem; margin: auto; } [class~="sect2"] [class~="sect2-container"]{ display: flex; width: 100%; justify-content:center; align-items: center; padding: 6.75rem 0; } [class~="sect2"] [class~="sect2-container"] [class~="box"]{ width: 100%; padding: 2rem; display: flex; backdrop-filter: blur(1.875rem); border-radius: 1.25rem; justify-content:center; align-items: center; justify-content: space-evenly; background: rgba(255, 255, 255, .15); border: solid 0.0625rem rgba(255, 255, 255, .25); height: fit-content; display: grid; grid-template-columns: 37.5% 25% 37.5%; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"]{ display: flex; flex-direction: column; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"]{ display: flex; flex-direction: column; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"] [class~="right"]{ justify-content: flex-end; align-items: end; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"] [class~="line"]{ display: flex; align-items: center; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"] [class~="line"] [class~="round"]{ width: 0.375rem; height: 0.375rem; background: white; border-radius: 0.625rem; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"] [class~="line"] [class~="stick"]{ width:100%; height: fit-content; background-color: white; height:0.0625rem; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"] [class~="one"]{ padding: 2rem 1.5rem; display: flex; flex-direction: column; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"] [class~="right"]{ justify-content: flex-end; align-items: end; text-align: end; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"] [class~="one"] h3{ font-size: 2.5rem; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"] [class~="one"] img{ width: 2.5rem; height: 2.5rem; margin-top: 8rem; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"] [class~="one"] p{ margin-top: 1.5rem; font-size: 1.125rem; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"] [class~="right"] [class~="coin-image"]{ display: flex; gap: 0.5rem; margin-top: 8rem; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"] [class~="right"] [class~="coin-image"] img{ margin-top: 0; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="middle"]{ display: flex; justify-content: end; align-items: center; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="middle"] img{ height: 16.25rem; } [class~="sect3"]{ display: flex; width: 100%; height: 100vh; width: 82.5rem; padding: 0 3.75rem; margin: auto; } [class~="sect3"] [class~="sect3-container"]{ display: flex; flex-direction: column; width: 100%; justify-content:center; align-items: center; padding: 6.75rem 0; } [class~="sect3"] [class~="sect3-container"] [class~="first"]{ display: flex; width: 100%; gap: 0.75rem; } [class~="sect3"] [class~="sect3-container"] [class~="first"] [class~="click"]{ padding: 0.25rem 1.5rem; } [class~="sect3"] [class~="sect3-container"] [class~="first"] [class~="click"] p{ font-size: 1.75rem; opacity: .75; } [class~="sect3"] [class~="sect3-container"] [class~="line"]{ display: flex; align-items: center; width: 100%; margin: 1.5rem 0 4rem; } [class~="sect3"] [class~="sect3-container"] [class~="line"] [class~="round"]{ width: 0.375rem; height: 0.375rem; background: white; border-radius: 0.625rem; } [class~="sect3"] [class~="sect3-container"] [class~="line"] [class~="stick"]{ width:100%; height: fit-content; background-color: white; height:0.0625rem; } [class~="sect3"] [class~="sect3-container"] [class~="box"]{ display: flex; width: 100%; padding: 2rem; width: 100%; padding: 2rem; display: flex; backdrop-filter: blur(1.875rem); border-radius: 1.25rem; justify-content:center; align-items: center; justify-content: space-evenly; background: rgba(255, 255, 255, .15); border: solid 0.0625rem rgba(255, 255, 255, .25); height: fit-content; justify-content: space-between; } [class~="sect3"] [class~="sect3-container"] [class~="box"] [class~="left"]{ display: flex; flex-direction: column; height: 13rem; width: 100%; } [class~="sect3"] [class~="sect3-container"] [class~="box"] [class~="left"] h3{ font-size: 2.5rem; line-height: 3rem; } [class~="sect3"] [class~="sect3-container"] [class~="box"] [class~="left"] [class~="bottom"]{ display: flex; flex-direction: column; margin-top: 1.25rem; } [class~="sect3"] [class~="sect3-container"] [class~="box"] [class~="left"] [class~="bottom"] [class~="one"]{ display: flex; gap: 1rem; align-items: center; margin-top: 1rem; } [class~="sect3"] [class~="sect3-container"] [class~="box"] [class~="left"] [class~="bottom"] [class~="no-margin"]{ margin-top: 0rem; } [class~="sect3"] [class~="sect3-container"] [class~="box"] [class~="left"] [class~="bottom"] [class~="one"] [class~="dot"]{ width: 0.5rem; height: 0.5rem; border-radius: 1.25rem; background: white; } [class~="sect3"] [class~="sect3-container"] [class~="box"] [class~="left"] [class~="bottom"] [class~="one"] p{ font-size: 1.125rem; font-size: 1.125rem; line-height: 1.625rem; } [class~="sect3"] [class~="sect3-container"] [class~="box"] [class~="right"]{ display: flex; width: fit-content; width: 25rem; height: 12.5rem; } [class~="sect3"] [class~="sect3-container"] [class~="box"] [class~="right"] [class~="image"]{ position: relative; width: 11.25rem; } [class~="sect3"] [class~="sect3-container"] [class~="box"] [class~="right"] [class~="image"] [class~="num1"]{ width: 11.25rem; transform: translate3d(42%, -42%, 0); position: absolute; height: 11.25rem; } [class~="sect3"] [class~="sect3-container"] [class~="box"] [class~="right"] [class~="image"] [class~="num2"]{ width: 11.25rem; position: absolute; } [class~="sect3"] [class~="sect3-container"] [class~="box"] [class~="right"] [class~="image"] [class~="num3"]{ width: 11.25rem; transform: translate3d(-42%, 42%, 0); position: absolute; } [class~="sect4"]{ display: flex; width: 100%; height: 100vh; width: 82.5rem; padding: 0 3.75rem; margin: auto; } [class~="sect4"] [class~="sect4-container"]{ display: flex; flex-direction: column; width: 100%; justify-content:center; align-items: center; padding: 6.75rem 0; } [class~="sect4"] [class~="sect4-container"] [class~="topside"]{ display: flex; flex-direction: column; width: 100%; } [class~="sect4"] [class~="sect4-container"] [class~="topside"] p{ font-size: 1.125rem; } [class~="sect4"] [class~="sect4-container"] [class~="topside"] h3{ font-size: 2.5rem; font-weight: 500; } [class~="sect4"] [class~="sect4-container"] [class~="bottomside"]{ display: flex; flex-direction: column; width: 100%; } [class~="sect4"] [class~="sect4-container"] [class~="bottomside"] [class~="box"]{ display: flex; flex-direction: column; width: 100%; padding: 0; display: flex; flex-direction: column; justify-content:center; align-items: center; justify-content: space-evenly; } [class~="sect4"] [class~="sect4-container"] [class~="bottomside"] [class~="box"] [class~="top"]{ display: flex; flex-direction: column; width: 100%; margin: 1.5rem 0 0; padding: 0.5rem 2rem 0; background: rgba(255, 255, 255, .15); border: solid 0.0625rem rgba(255, 255, 255, .25); backdrop-filter: blur(1.875rem); border-top-left-radius: 1.25rem; border-top-right-radius: 1.25rem; } [class~="sect4"] [class~="sect4-container"] [class~="bottomside"] [class~="box"] [class~="top"] [class~="one"]{ display: flex; align-items: center; padding: 1.25rem 0; gap: 1rem; width: 100%; border-top: 0.0625rem solid rgba(255, 255, 255, 0.712); } [class~="sect4"] [class~="sect4-container"] [class~="bottomside"] [class~="box"] [class~="top"] [class~="no-border"]{ display: flex; align-items: center; padding: 1.25rem 0; gap: 1rem; width: 100%; border-top: none; } [class~="sect4"] [class~="sect4-container"] [class~="bottomside"] [class~="box"] [class~="top"] [class~="one"] [class~="right"]{ width: 100%; display: flex; align-items: center; } [class~="sect4"] [class~="sect4-container"] [class~="bottomside"] [class~="box"] [class~="top"] [class~="one"] [class~="right"] h6{ width: 100%; font-size: 1.5rem; opacity: .85; font-size: 1.5rem; font-weight: 500; line-height: 1.875rem; opacity: .85; } [class~="sect4"] [class~="sect4-container"] [class~="bottomside"] [class~="box"] [class~="top"] [class~="one"] [class~="right"] h4{ font-size: 1.875rem; } [class~="sect4"] [class~="sect4-container"] [class~="bottomside"] [class~="box"] [class~="bottom"]{ padding: 2rem; display: flex; background: rgba(26, 29, 28, 0.05); border: 0.0625rem solid rgba(255, 255, 255, 0.25); border-top: 0; backdrop-filter: blur(1.875rem); border-bottom-right-radius: 1.25rem; border-bottom-left-radius: 1.25rem; gap: 1.875rem; } [class~="sect4"] [class~="sect4-container"] [class~="bottomside"] [class~="box"] [class~="bottom"] [class~="one"]{ display: flex; flex-direction: column; } [class~="sect4"] [class~="sect4-container"] [class~="bottomside"] [class~="box"] [class~="bottom"] [class~="one"] h6{ font-size: 1.5rem; font-size: 1.5rem; font-weight: 500; line-height: 1.875rem; opacity: .75; } [class~="sect4"] [class~="sect4-container"] [class~="bottomside"] [class~="box"] [class~="bottom"] [class~="one"] [class~="image"]{ display: flex; align-items: center; width: 100%; justify-content: center; margin-top: 0.75rem; } [class~="sect4"] [class~="sect4-container"] [class~="bottomside"] [class~="box"] [class~="bottom"] [class~="one"] [class~="image"] img{ width: 14.25rem; } [class~="sect4"] [class~="sect4-container"] [class~="bottomside"] [class~="box"] [class~="bottom"] [class~="one"] p{ font-size: 0.875rem; margin-top: 1.25rem; opacity: .75; } [class~="sect4"] [class~="sect4-container"] [class~="bottomside"] [class~="box"] [class~="bottom"] [class~="line"]{ display: flex; align-items: center; flex-direction: column; justify-content: center; } [class~="sect4"] [class~="sect4-container"] [class~="bottomside"] [class~="box"] [class~="bottom"] [class~="line"] [class~="round"]{ width: 0.375rem; height: 0.375rem; background: white; border-radius: 0.625rem; } [class~="sect4"] [class~="sect4-container"] [class~="bottomside"] [class~="box"] [class~="bottom"] [class~="line"] [class~="stick"]{ width:0.0625rem; height: fit-content; background-color: white; height:100%; } [class~="sect5"]{ display: flex; width: 100%; height: 100vh; width: 82.5rem; padding: 0 3.75rem; margin: auto; } [class~="sect5"] [class~="sect5-container"]{ display: flex; flex-direction: column; width: 100%; justify-content:center; align-items: center; padding: 6.75rem 0; } [class~="sect5"] [class~="sect5-container"] [class~="topside"]{ display: flex; width: 100%; justify-content: space-between; } [class~="sect5"] [class~="sect5-container"] [class~="topside"] [class~="left"] { display: flex; flex-direction: column; } [class~="sect5"] [class~="sect5-container"] [class~="topside"] [class~="left"] p{ font-size: 1.125rem; } [class~="sect5"] [class~="sect5-container"] [class~="topside"] [class~="left"] h3{ font-size: 2.5rem; text-shadow: 0 0.25rem 3.75rem rgba(83, 95, 106, .4), 0 0.375rem 0.5rem rgba(83, 95, 106, .3); font-size: 2.5rem; font-weight: 700; line-height: 3rem; } [class~="sect5"] [class~="sect5-container"] [class~="topside"] [class~="right"]{ display: flex; align-items: flex-end; } [class~="sect5"] [class~="sect5-container"] [class~="topside"] [class~="right"] button { width: fit-content; justify-content: center; border-radius: 4.5rem; outline: none; background: transparent; color: black; cursor: pointer; transition: ease-in 0.2s; display: flex; background-color: white; font-family: aeonik, sans-serif; display: flex; align-items: center; gap: 0.5rem; border: none; background-color: white; box-shadow: inset 0 0 0 0.0625rem rgba(39, 40, 42, .25), 0 0.4375rem 0.9375rem 0 rgba(var(--coal-rgb), .12); backdrop-filter: blur(1.25rem); min-width: 3.5rem; height: 2.75rem; padding: 0 1.5rem; gap: 1rem; } [class~="sect5"] [class~="sect5-container"] [class~="topside"] [class~="right"] button svg{ width: 1.25rem; height: 1.25rem; color: #27282a; } [class~="sect5"] [class~="sect5-container"] [class~="topside"] [class~="right"] button p { font-size: 0.875rem; color: #09090b; font-weight: 500; font-family: inter,Arial, sans-serif; } [class~="sect5"] [class~="sect5-container"] [class~="bottomside"]{ margin-top: 2rem; width: 100%; display: flex; gap: 1rem; } [class~="sect5"] [class~="sect5-container"] [class~="bottomside"] [class~="one"]{ padding: 2rem; width: 100%; display: flex; justify-content: center; align-items: center; background: rgba(255, 255, 255, .15); border: solid 0.0625rem rgba(255, 255, 255, .25); backdrop-filter: blur(1.875rem); border-radius: 1.25rem; } [class~="sect5"] [class~="sect5-container"] [class~="bottomside"] [class~="one"] img{ width: 100%; } [class~="sect6"]{ display: flex; width: 100%; height: 100vh; width: 82.5rem; padding: 0 3.75rem; margin: auto; } [class~="sect6"] [class~="sect6-container"]{ display: flex; flex-direction: column; width: 100%; justify-content:center; align-items: center; padding: 6.75rem 0; } [class~="sect6"] [class~="sect6-container"] [class~="box"]{ display: flex; flex-direction: column; justify-content: space-between; width: 100%; background: url(../img/imgi_31_image[class~="webp"]); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 1.25rem; height: 35rem; } [class~="sect6"] [class~="sect6-container"] [class~="box"] [class~="top"]{ display: flex; padding: 2rem; width: 100%; } [class~="sect6"] [class~="sect6-container"] [class~="box"] [class~="top"] h2{ font-size: 2.5rem; } [class~="sect6"] [class~="sect6-container"] [class~="box"] [class~="bottom"]{ display: flex; padding: 2rem; justify-content: space-between; background: rgba(255, 255, 255, .15); border: solid 0.0625rem rgba(255, 255, 255, .25); backdrop-filter: blur(1.875rem); border-bottom-left-radius: 1.25rem; border-bottom-right-radius: 1.25rem; } [class~="sect6"] [class~="sect6-container"] [class~="box"] [class~="bottom"] [class~="left"]{ display: flex; flex-direction: column; } [class~="sect6"] [class~="sect6-container"] [class~="box"] [class~="bottom"] [class~="left"] h5{ font-size: 1.125rem; } [class~="sect6"] [class~="sect6-container"] [class~="box"] [class~="bottom"] [class~="left"] h6{ font-size: 1rem; margin-top: 0.75rem; font-weight: 500; line-height: 1.375rem; } [class~="sect6"] [class~="sect6-container"] [class~="box"] [class~="bottom"] [class~="right"]{ display: flex; align-items: end; } [class~="sect6"] [class~="sect6-container"] [class~="box"] [class~="bottom"] [class~="right"] button { width: fit-content; justify-content: center; border-radius: 4.5rem; outline: none; background: transparent; color: black; cursor: pointer; transition: ease-in 0.2s; display: flex; background-color: white; font-family: aeonik, sans-serif; display: flex; align-items: center; gap: 0.5rem; border: none; background-color: white; box-shadow: inset 0 0 0 0.0625rem rgba(39, 40, 42, .25), 0 0.4375rem 0.9375rem 0 rgba(var(--coal-rgb), .12); backdrop-filter: blur(1.25rem); min-width: 3.5rem; height: 2.75rem; padding: 0 1.5rem; gap: 1rem; } [class~="sect6"] [class~="sect6-container"] [class~="box"] [class~="bottom"] [class~="right"] button svg{ width: 1.25rem; height: 1.25rem; color: #27282a; } [class~="sect6"] [class~="sect6-container"] [class~="box"] [class~="bottom"] [class~="right"] button p { font-size: 0.875rem; color: #09090b; font-weight: 500; font-family: inter,Arial, sans-serif; } [class~="sect7"]{ display: flex; width: 100%; height: 100vh; width: 82.5rem; padding: 0 3.75rem; margin: auto; } [class~="sect7"] [class~="sect7-container"]{ display: flex; flex-direction: column; width: 100%; justify-content:center; align-items: center; padding: 6.75rem 0; } [class~="sect7"] [class~="sect7-container"] [class~="top"] { width: 100%; display: flex; } [class~="sect7"] [class~="sect7-container"] [class~="top"] h2{ font-size: 3.75rem; font-weight: 500; } [class~="sect7"] [class~="sect7-container"] [class~="bottom"]{ display: flex; width: 100%; padding: 2rem; margin: 2rem 0 0; background: rgba(255, 255, 255, .05); border: solid 0.0625rem rgba(255, 255, 255, .25); backdrop-filter: blur(1.875rem); border-radius: 1.25rem; justify-content: space-between; } [class~="sect7"] [class~="sect7-container"] [class~="bottom"] [class~="left"]{ display: flex; } [class~="sect7"] [class~="sect7-container"] [class~="bottom"] [class~="left"] h3{ font-size: 1.5rem; font-weight: 400; } [class~="sect7"] [class~="sect7-container"] [class~="bottom"] [class~="right"]{ display: flex; align-items: flex-end; } [class~="sect7"] [class~="sect7-container"] [class~="bottom"] [class~="right"] button { width: fit-content; justify-content: center; border-radius: 4.5rem; outline: none; background: transparent; color: black; cursor: pointer; transition: ease-in 0.2s; display: flex; background-color: white; font-family: aeonik, sans-serif; display: flex; align-items: center; gap: 0.5rem; border: none; background-color: white; box-shadow: inset 0 0 0 0.0625rem rgba(39, 40, 42, .25), 0 0.4375rem 0.9375rem 0 rgba(var(--coal-rgb), .12); backdrop-filter: blur(1.25rem); min-width: 3.5rem; height: 2.75rem; padding: 0 1.5rem; gap: 1rem; } [class~="sect7"] [class~="sect7-container"] [class~="bottom"] [class~="right"] button svg{ width: 1.25rem; height: 1.25rem; color: #27282a; } [class~="sect7"] [class~="sect7-container"] [class~="bottom"] [class~="right"] button p { font-size: 0.875rem; color: #09090b; font-weight: 500; font-family: inter,Arial, sans-serif; } @media (max-width: 87.5rem){ [class~="navigation"] [class~="navigation-container"] { width: 100%; } [class~="header"]{ width: 100%; } [class~="sect1"]{ width: 100%; } [class~="sect2"]{ width: 100%; } [class~="sect3"]{ width: 100%; } [class~="sect4"]{ width: 100%; } [class~="sect5"]{ width: 100%; } [class~="sect6"]{ width: 100%; } [class~="sect7"]{ width: 100%; } } @media (max-width: 62.5rem){ [class~="navigation"] [class~="navigation-container"] { padding: 1.5rem 2rem; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] button{ height: 2.75rem; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] button p { font-size: 1rem; } [class~="header"]{ padding: 0 2rem; } [class~="header"] [class~="header-container"] [class~="line"]{ display: none; } [class~="header"] [class~="header-container"] [class~="rightside"] h1{ font-size: 1.875rem; font-weight: 600; } [class~="sect1"]{ padding: 0 2rem; min-height: 100vh; height: auto; } [class~="sect1"] [class~="sect1-container"] [class~="box"]{ padding: 1rem; justify-content: space-between; align-items: flex-start; height: fit-content; gap: 2.5rem; } [class~="sect1"] [class~="sect1-container"] [class~="box"] h2{ font-size: 1.75rem; text-align: start; } [class~="sect1"] [class~="sect1-container"] [class~="box"] [class~="below"]{ flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 1.5rem; height: 25.625rem; } [class~="sect1"] [class~="sect1-container"] [class~="box"] [class~="below"] [class~="one"]{ align-items: flex-start; justify-content: flex-start; padding: 0; } [class~="sect1"] [class~="sect1-container"] [class~="box"] [class~="below"] [class~="one"] h3{ font-size: 1.75rem; } [class~="sect2"]{ padding: 0 2rem; min-height: 100vh; height: auto; } [class~="sect2"] [class~="sect2-container"] [class~="box"]{ display: flex; padding: 1rem; flex-direction: column; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"]{ width: 100%; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"] [class~="line"]{ margin-top: 1.5rem; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"] [class~="below-margin"]{ margin-top: 0rem; margin-bottom: 1.5rem; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"] [class~="dissapear"]{ display: none; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"] [class~="one"]{ width: 100%; padding: 0; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"] [class~="right"]{ justify-content: flex-end; align-items: start; text-align: start; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"] [class~="one"] h3{ font-size: 1.75rem; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"] [class~="one"] img{ margin-top: 2.5rem; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"] [class~="one"] p{ font-size: 1rem; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="middle"]{ margin: 1rem 0; } [class~="sect2"] [class~="sect2-container"] [class~="box"] [class~="left"] [class~="right"] [class~="coin-image"]{ margin-top: 2.5rem; } [class~="sect3"]{ padding: 0 2rem; min-height: 100vh; height: auto; } [class~="sect3"] [class~="sect3-container"] [class~="first"] [class~="click"] p{ font-size: 1.125rem; } [class~="sect3"] [class~="sect3-container"] [class~="line"]{ margin: 1.25rem 0 1.5rem; } [class~="sect3"] [class~="sect3-container"] [class~="box"]{ padding:1.5rem 1rem; display: flex; flex-direction: column-reverse; height: 34.375rem; } [class~="sect3"] [class~="sect3-container"] [class~="box"] [class~="left"]{ height: unset; } [class~="sect3"] [class~="sect3-container"] [class~="box"] [class~="left"] h3{ font-size: 1.75rem; line-height: 3rem; } [class~="sect3"] [class~="sect3-container"] [class~="box"] [class~="left"] [class~="bottom"] [class~="one"] p{ font-size: 1rem; } [class~="sect3"] [class~="sect3-container"] [class~="box"] [class~="right"]{ width: 100%; justify-content: center; align-items: center; display: flex; } [class~="sect3"] [class~="sect3-container"] [class~="box"] [class~="right"] [class~="image"] [class~="num1"], [class~="sect3"] [class~="sect3-container"] [class~="box"] [class~="right"] [class~="image"] [class~="num2"], [class~="sect3"] [class~="sect3-container"] [class~="box"] [class~="right"] [class~="image"] [class~="num3"]{ width: 7.125rem; height: 7.125rem; top: 0; position: absolute; } [class~="sect3"] [class~="sect3-container"] [class~="box"] [class~="left"] [class~="bottom"]{ padding-bottom: 3rem; } [class~="sect4"]{ padding: 0 2rem; min-height: 100vh; height: auto; } [class~="sect4"] [class~="sect4-container"] [class~="topside"] h3{ font-size: 1.75rem; font-weight: 600; } [class~="sect4"] [class~="sect4-container"] [class~="bottomside"] [class~="box"] [class~="top"] [class~="one"] [class~="right"]{ flex-direction: column; align-items: flex-start; } [class~="sect4"] [class~="sect4-container"] [class~="bottomside"] [class~="box"] [class~="bottom"]{ padding:1.5rem 1rem; flex-direction: column; width: 100%; } [class~="sect4"] [class~="sect4-container"] [class~="bottomside"] [class~="box"] [class~="bottom"] [class~="line"] [class~="round"]{ display: none; } [class~="sect4"] [class~="sect4-container"] [class~="bottomside"] [class~="box"] [class~="bottom"] [class~="line"] [class~="stick"]{ width:100%; height: fit-content; background-color: rgba(255, 255, 255, 0.61); height:0.0625rem; } [class~="sect5"]{ padding: 0 2rem; min-height: 100vh; height: auto; } [class~="sect5"] [class~="sect5-container"] [class~="topside"]{ flex-direction: column; gap: 1.5rem; } [class~="sect5"] [class~="sect5-container"] [class~="topside"] [class~="left"] h3{ font-size: 1.75rem; } [class~="sect5"] [class~="sect5-container"] [class~="topside"] [class~="right"] button{ height: 2rem; } [class~="sect5"] [class~="sect5-container"] [class~="bottomside"]{ display: grid; grid-template-columns: 1fr 1fr; } [class~="sect5"] [class~="sect5-container"] [class~="bottomside"] [class~="one"]{ padding: 1.25rem 2rem; height: 5.5rem; width: 100%; } [class~="sect5"] [class~="sect5-container"] [class~="bottomside"] [class~="one"] img{ width: 100%; height: 100%; object-fit: contain; } [class~="sect6"]{ padding: 0 2rem; min-height: 100vh; height: auto; } [class~="sect6"] [class~="sect6-container"] [class~="box"]{ height: fit-content; } [class~="sect6"] [class~="sect6-container"] [class~="box"] [class~="top"]{ padding: 1.5rem 1rem 0; } [class~="sect6"] [class~="sect6-container"] [class~="box"] [class~="top"] h2{ font-size: 1.5rem; } [class~="sect6"] [class~="sect6-container"] [class~="box"] [class~="bottom"]{ flex-direction: column; gap: 0.75rem; padding: 1.5rem 1rem; } [class~="sect6"] [class~="sect6-container"] [class~="box"] [class~="bottom"] [class~="left"]{ display: flex; flex-direction: column; } [class~="sect6"] [class~="sect6-container"] [class~="box"] [class~="bottom"] [class~="left"] h6{ font-size: 0.875rem; } [class~="sect7"]{ padding: 0 2rem; min-height: 100vh; height: auto; } [class~="sect7"] [class~="sect7-container"] [class~="bottom"]{ flex-direction: column; gap: 2rem; } } @media (max-width: 35.9375rem){ [class~="navigation"] [class~="navigation-container"] [class~="leftside"] [class~="logo"] p{ display: none; } [class~="navigation"] [class~="navigation-container"] { padding: 1.5rem ; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] button{ padding:0 1rem; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] button svg{ width: 1.125rem; height: 1.125rem; } [class~="header"]{ padding: 0 1.5rem; } [class~="sect1"]{ padding: 0 1.5rem; } [class~="sect2"]{ padding: 0 1.5rem; } [class~="sect3"]{ padding: 0 1.5rem; } [class~="sect3"] [class~="sect3-container"] [class~="first"]{ gap: 0; } [class~="sect3"] [class~="sect3-container"] [class~="first"] [class~="click"]{ padding: 0.25rem 1rem; } [class~="sect3"] [class~="sect3-container"] [class~="box"]{ height: auto; min-height: 46.875rem; } [class~="sect4"]{ padding: 0 1.5rem; } [class~="sect5"]{ padding: 0 1.5rem; } [class~="sect6"]{ padding: 0 1.5rem; } [class~="sect7"]{ padding: 0 1.5rem; } } @media (max-width: 25rem){ [class~="sect3"] [class~="sect3-container"] [class~="first"] [class~="click"]{ padding: 0.25rem 0.625rem; } [class~="sect3"] [class~="sect3-container"] [class~="first"] [class~="click"] p{ font-size: 0.875rem; opacity: .75; } }