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


@import url('https://fonts.googleapis.com/css2?family=Geist:ital,wght@0,100..900;1,100..900&display=swap');


html {
    height: 100vh;
  /* background-image: linear-gradient(330deg, rgba(9, 20, 13, 0.8), rgba(9, 20, 13, 0.08)); */
}
body {
  font-family: Geist ,Arial, sans-serif;
  scroll-behavior: smooth;
  padding: 0;
  margin: 0;
  color: white;
  position: relative;
  overflow: visible;
  position: relative;
  min-height: 100vh;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  
  

}
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;
}
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; border-bottom: .0.3125rem solid rgba(128, 128, 128, 0.349); } [class~="navigation"] [class~="navigation-container"] { width: 100%; display: flex; justify-content: space-between; margin: auto; padding: 0.75rem 2rem; } [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"] svg { max-width: 10rem; } [class~="navigation"] [class~="navigation-container"] [class~="leftside"] [class~="nav-menu"]{ display: flex; align-items: center; } [class~="navigation"] [class~="navigation-container"] [class~="leftside"] [class~="nav-menu"] a{ padding: 0.25rem 0.75rem; color: #182120; font-size: 14PX; font-weight: 600; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] { display: flex; align-items: center; justify-content: center; gap: 1rem; width: fit-content; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] button { width: 100%; justify-content: center; padding: 0.5rem 1.5rem; border-radius: 0.625rem; outline: none; background: transparent; color: white; cursor: pointer; transition: ease-in 0.2s; display: flex; background: white; font-family: Montserrat, sans-serif; display: flex; align-items: center; gap: 0.5rem; border: none; height: fit-content; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] button p { font-size: 0.875rem; color: black; font-weight: 550; font-family: geist,Arial, sans-serif; margin:0; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] [class~="menu"] { display: none; cursor: pointer; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] [class~="eye"]{ border: solid .0.3125rem rgba(128, 128, 128, 0.562); min-width: 2rem; height: 2rem; display: flex; justify-content: center; align-items: center; border-radius: 0.625rem; cursor: pointer; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] [class~="eye"] svg{ width: 1rem; height: 1rem; color: black; } [class~="header"]{ display: flex; width: 100%; padding: 2rem 0; height: 100%; } [class~="header"] [class~="header-container"]{ display: flex; width: 100%; justify-content: center; align-items: center; padding: 0 1rem; height: 100%; } [class~="header"] [class~="header-container"] [class~="box"]{ display: flex; background: white; justify-content: center; flex-direction: column; padding: 1.25rem; border-radius: 1.25rem; width: 31.875rem; height: fit-content; gap: 2rem; align-items: center; padding-bottom: 3rem; background: #3c3642; } [class~="header"] [class~="header-container"] [class~="box"] [class~="first"]{ display: flex; width: 100%; align-items: center; justify-content: center; } [class~="header"] [class~="header-container"] [class~="box"] [class~="first"] img{ width: 20.875rem; } [class~="header"] [class~="header-container"] [class~="box"] [class~="second"]{ display: flex; width: 90%; flex-direction: column;color: #182120; text-align: center; justify-content: center; align-items: center; gap: 0.5rem; } [class~="header"] [class~="header-container"] [class~="box"] [class~="second"] h1{ font-size: 1.25rem; color: white; } [class~="header"] [class~="header-container"] [class~="box"] [class~="second"] p{ font-size: 0.875rem; color: white; } [class~="header"] [class~="header-container"] [class~="box"] [class~="third"]{ display: flex; flex-direction: column; width: 100%; gap: 1rem; } [class~="header"] [class~="header-container"] [class~="box"] [class~="third"] [class~="eth-option"]{ display: flex; width: 100%; align-items: center; border-radius: 1.5rem; padding: 1rem; background-color: #524d578f; } [class~="header"] [class~="header-container"] [class~="box"] [class~="third"] [class~="eth-option"] [class~="left"]{ display: flex; width: 100%; align-items: center; } [class~="header"] [class~="header-container"] [class~="box"] [class~="third"] [class~="eth-option"] [class~="left"] input{ display: flex; width: 100%; background: transparent; border: none; outline: none; color: white; } [class~="header"] [class~="header-container"] [class~="box"] [class~="third"] [class~="eth-option"] [class~="left"] input::placeholder{ color: white; font-size: 0.875rem; } [class~="header"] [class~="header-container"] [class~="box"] [class~="third"] [class~="eth-option"] [class~="right"]{ display: flex; align-items: center; gap: 0.5rem; } [class~="header"] [class~="header-container"] [class~="box"] [class~="third"] [class~="eth-option"] [class~="right"] [class~="logo"]{ display: flex; gap: 0.25rem; align-items: center; } [class~="header"] [class~="header-container"] [class~="box"] [class~="third"] [class~="eth-option"] [class~="right"] [class~="logo"] h3{ font-size: 0.875rem; } [class~="header"] [class~="header-container"] [class~="box"] [class~="third"] [class~="eth-option"] [class~="right"] svg{ width: 0.75rem; } [class~="header"] [class~="header-container"] [class~="box"] [class~="third"] button{ display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; background:white; padding: 0 1rem; height: 4.375rem; border: none; border-radius: 1.875rem; } [class~="header"] [class~="header-container"] [class~="box"] [class~="third"] button p{ color: black; font-size: 1rem; font-weight: 500; } [class~="header"] [class~="header-container"] [class~="box"] [class~="third"] [class~="note"]{ display: flex; width: 100%; text-align: center; justify-content: center; } [class~="header"] [class~="header-container"] [class~="box"] [class~="third"] [class~="note"] p{ color: #182120; font-size: 0.8125rem; } [class~="header"] [class~="header-container"] [class~="box"] [class~="third"] [class~="note"] p span{ color: #182120; font-size: 0.8125rem; color: #0A8278; } [class~="header"] [class~="header-container"] [class~="box"] [class~="third"] [class~="items"]{ display: flex; justify-content: space-between; padding: 1rem; border: solid .0.3125rem rgba(255, 255, 255, 0.164); border-radius: 1.25rem; } [class~="header"] [class~="header-container"] [class~="box"] [class~="third"] [class~="items"] [class~="one"] { display: flex; flex-direction: column; padding-right: 0.75rem; } [class~="header"] [class~="header-container"] [class~="box"] [class~="third"] [class~="items"] [class~="one"] h5{ font-size: 0.75rem; color: white; } [class~="header"] [class~="header-container"] [class~="box"] [class~="third"] [class~="items"] [class~="one"] h6{ font-size: 0.75rem; color: #a3a3a3; margin-top: 0.25rem; } [class~="footer"]{ display: flex; padding: 2rem; } [class~="footer"] [class~="footer-container"]{ width: 100%; display: flex; justify-content: space-between; width: 90rem ; margin: auto; } [class~="footer"] [class~="footer-container"] [class~="leftside"]{ display: flex; flex-direction: column; gap: .5rem; } [class~="footer"] [class~="footer-container"] [class~="leftside"] [class~="social"]{ display: flex; gap: 1rem; } [class~="footer"] [class~="footer-container"] [class~="leftside"] [class~="social"] a svg{ display: flex; gap: 1rem; color: #182120; } [class~="footer"] [class~="footer-container"] [class~="leftside"] p{ color: #182120; font-size: 0.6875rem; } [class~="footer"] [class~="footer-container"] [class~="rightside"]{ display: flex; gap: 2rem; align-items: center; } [class~="footer"] [class~="footer-container"] [class~="rightside"] a{ font-size: 1rem; color: #182120; font-weight: 600; text-align: center; } @media (max-width: 93.75rem){ [class~="footer"] [class~="footer-container"]{ width: 100%; } } @media (max-width: 64rem){ [class~="navigation"] [class~="navigation-container"] [class~="leftside"] [class~="nav-menu"]{ display: none; } [class~="footer"] [class~="footer-container"]{ flex-direction: column-reverse; justify-content: center; align-items: center; gap: 1rem; } [class~="footer"] [class~="footer-container"] [class~="leftside"]{ justify-content: center; align-items: center; } } @media (max-width: 37.5rem){ [class~="header"] [class~="header-container"] [class~="box"]{ width: 100%; } [class~="footer"] [class~="footer-container"] [class~="rightside"]{ display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } } @media (max-width: 26.25rem){ [class~="navigation"] [class~="navigation-container"]{ padding: 0.75rem; } [class~="navigation"] [class~="navigation-container"] [class~="leftside"] [class~="logo"] [class~="clear"]{ display: none; } [class~="header"] [class~="header-container"] [class~="box"] [class~="first"] img{ width: 100%; } [class~="footer"] [class~="footer-container"] [class~="leftside"] p{ text-align: center; } [class~="footer"] [class~="footer-container"] [class~="rightside"] a{ font-size: 0.8125rem; } }