@import "https://fonts.googleapis.com/css2?family=Bangers&display=swap";
@import "https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap";
@import "https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap";
@import "https://fonts.googleapis.com/css2?family=Anton&display=swap";
@import "https://fonts.googleapis.com/css2?family=Raleway:wght@400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Baloo+2&display=swap";
@import "https://fonts.googleapis.com/css2?family=Yantramanav:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Chewy&display=swap";
@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Cabin:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Acme&display=swap";
@import "https://fonts.googleapis.com/css2?family=Jost:wght@400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Kanit:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Signika:wght@400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap";
@import "https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap";
@import "https://fonts.googleapis.com/css2?family=Coming+Soon&display=swap";
@import "https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap";
@import "https://fonts.googleapis.com/css2?family=Covered+By+Your+Grace&display=swap";
@import "https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&display=swap";
html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: hidden;
  overflow: hidden;
}
:root {
  --primary-color: #ffa500;
  --secondary-color: #da7b10;
  --background-color: #ffa500;
  --text-color: #010100;
  --font-primary: "Bangers", cursive;
  --font-secondary: "Fredoka One", cursive;
  --font-luckiest-guy: "Luckiest Guy", cursive;
  --font-poppins: "Poppins", sans-serif;
  --font-permanent-marker: "Permanent Marker", cursive;
  --font-anton: "Anton", sans-serif;
  --font-raleway: "Raleway", sans-serif;
  --font-baloo: "Baloo 2", sans-serif;
  --font-yantramanav: "Yantramanav", sans-serif;
  --font-chewy: "Chewy", sans-serif;
  --font-nunito: "Nunito", sans-serif;
  --font-quicksand: "Quicksand", sans-serif;
  --font-cabin: "Cabin", sans-serif;
  --font-acme: "Acme", sans-serif;
  --font-jost: "Jost", sans;
  --font-kanit: "Kanit", sans;
  --font-barlow: "Barlow Semi Condensed", sans;
  --font-signika: "Signika", sans;
  --font-patrick-hand: "Patrick Hand", sans-serif;
  --font-gloria: "Gloria Hallelujah", cursive;
  --font-coming-soon: "Coming Soon", sans-serif;
  --font-shadows: "Shadows Into Light", cursive;
  --font-covered: "Covered By Your Grace", cursive;
  --font-kalam: "Kalam", sans-serif;
  font-family: var(--font-secondary), sans-serif;
  line-height: 1.5;
  font-weight: 400;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}
body {
  background-color: var(--primary-color);
  font-family: var(--font-secondary), sans-serif;
}
.overlay.svelte-1gzu27j.svelte-1gzu27j {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: end;
  z-index: 100000000;
  z-index: 100000000000000000000000000000000000000000000000000000000000000000000;
}
.zoom-in.svelte-1gzu27j.svelte-1gzu27j {
  animation: svelte-1gzu27j-zoomIn 1s ease forwards;
}
@keyframes svelte-1gzu27j-fade {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes svelte-1gzu27j-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.95);
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.popup.svelte-1gzu27j.svelte-1gzu27j {
  background-color: var(--background-color);
  background-color: orange;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  padding: 20px;
  position: relative;
  width: 100vw;
  height: 100vh;
  box-shadow: 0 4px 15px #0000004d;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.popup-in.svelte-1gzu27j.svelte-1gzu27j {
  display: flex;
  flex-direction: column;
}
.popup.svelte-1gzu27j h2.svelte-1gzu27j {
  font-size: 72px;
  font-family: var(--font-primary), sans-serif;
  font-size: 62px;
  line-height: 75px;
  color: var(--text-color);
  font-family: var(--font-primary);
  font-family: var(--font-luckiest-guy), sans-serif;
  letter-spacing: -0.5px;
  display: flex;
  margin-bottom: 15px;
}
.maker-desc.svelte-1gzu27j.svelte-1gzu27j {
  font-size: 25px;
  max-width: 500px;
  line-height: 26px;
  text-transform: uppercase;
  font-family: var(--font-chewy);
  margin-bottom: 35px;
  display: none;
}
.pookie-canvas.svelte-1gzu27j.svelte-1gzu27j {
  border: 2px solid var(--text-color);
  width: 500px;
  height: 500px;
  background-color: #fff;
  background-color: #f3c684;
  box-shadow: 2px 2px #010100;
}
.placeholder-image.svelte-1gzu27j.svelte-1gzu27j {
  border: 2px solid #010100;
  width: 500px;
  height: 500px;
  background-color: #f3c684;
  box-shadow: 3px 3px 9px 1px #0000;
  pointer-events: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  box-shadow: 2px 2px #010100;
}
.buttons.svelte-1gzu27j.svelte-1gzu27j {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 20px;
}
button.svelte-1gzu27j.svelte-1gzu27j {
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 1rem;
  transition: background-color 0.3s ease;
}
button.svelte-1gzu27j.svelte-1gzu27j:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  display: none;
}
.canvas-top.svelte-1gzu27j.svelte-1gzu27j {
  position: relative;
}
.add-image.svelte-1gzu27j.svelte-1gzu27j {
  margin-top: 25px;
  font-family: var(--font-primary), sans-serif;
  font-size: 21px;
  font-family: var(--font-luckiest-guy), sans-serif !important;
  font-size: 22px;
  padding: 0.4rem 0.99rem;
  background-color: var(--secondary-color);
  color: var(--text-color);
  border: 2px solid #010100;
  border-radius: 0;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-shadow: none;
  background-color: #f3c684;
  padding: 0.6rem 1.2rem;
  background-color: #135e13;
  color: #fff;
  padding: 0.6rem 8.2rem;
  background-color: #db381f;
  box-shadow: 2px 2px #010100;
  -webkit-user-select: none;
  user-select: none;
}
.new-image.svelte-1gzu27j.svelte-1gzu27j {
  position: absolute;
  top: 12px;
  right: 12px;
  font-family: var(--font-luckiest-guy), sans-serif !important;
  font-size: 21px;
  padding: 0.4rem 0.99rem;
  background-color: var(--secondary-color);
  border: 2px solid #010100;
  border-radius: 0;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-shadow: none;
  padding: 0.3rem 0.7rem;
  background-color: #135e13;
  color: #fff;
  background-color: #f3c684;
  color: var(--text-color);
  box-shadow: 2px 2px #010100;
  -webkit-user-select: none;
  user-select: none;
}
.download-button.svelte-1gzu27j.svelte-1gzu27j {
  margin-top: 0;
  font-family: var(--font-luckiest-guy), sans-serif !important;
  font-size: 21px;
  padding: 0.4rem 0.99rem;
  background-color: var(--secondary-color);
  color: var(--text-color);
  border: 2px solid #010100;
  border-radius: 0;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-shadow: none;
  background-color: #f3c684;
  padding: 0.6rem 1.2rem;
  background-color: #135e13;
  color: #fff;
  padding: 0.6rem 8.2rem;
  background-color: #db381f;
  box-shadow: 2px 2px #010100;
}
.close-maker.svelte-1gzu27j.svelte-1gzu27j {
  background-color: #dc3545;
  position: absolute;
  top: 30px;
  left: 30px;
  padding: 0 10px 6px;
  font-size: 22px;
  background-color: #00000080;
  color: #fff;
  border: none;
  cursor: pointer;
  z-index: 1000;
  border: 2px solid var(--text-color);
  border-radius: 0;
  background-color: #0000007a;
  font-weight: 1000;
  background-color: #fcac17;
  background-color: orange;
  background-color: #fcba29;
  color: var(--text-color);
  transition: all 0.5s ease;
  box-shadow: 2px 2px #010100;
}
.resize-buttons.svelte-1gzu27j.svelte-1gzu27j {
  justify-content: center;
  display: none;
  display: flex;
  gap: 5px;
  position: absolute;
  top: 12px;
  left: 12px;
  -webkit-user-select: none;
  user-select: none;
}
.resize-btn.svelte-1gzu27j.svelte-1gzu27j {
  font-family: var(--font-luckiest-guy), sans-serif !important;
  font-size: 30px;
  padding: 0.1rem 0.99rem;
  background-color: var(--secondary-color);
  border: 2px solid #010100;
  border-radius: 0;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-shadow: none;
  padding: 0rem 0.7rem;
  background-color: #135e13;
  color: #fff;
  background-color: #f3c684;
  color: var(--text-color);
  box-shadow: 2px 2px #010100;
}
@media screen and (max-width: 886px) {
  .popup.svelte-1gzu27j h2.svelte-1gzu27j {
    font-size: 58px;
  }
  .placeholder-image.svelte-1gzu27j.svelte-1gzu27j,
  .pookie-canvas.svelte-1gzu27j.svelte-1gzu27j {
    width: 450px;
    height: 450px;
  }
}
@media screen and (max-width: 523px) {
  .new-image.svelte-1gzu27j.svelte-1gzu27j {
    padding: 0.3rem 0.55rem;
    font-size: 17px;
  }
  .resize-btn.svelte-1gzu27j.svelte-1gzu27j {
    font-size: 25px;
  }
  .add-image.svelte-1gzu27j.svelte-1gzu27j {
    padding: 0.35rem 2.6rem 0.4rem;
    font-size: 19px;
    margin-top: 18px;
  }
  .close-maker.svelte-1gzu27j.svelte-1gzu27j {
    padding: 0 8px 4px !important;
    font-size: 21px !important;
    top: 15px;
    left: 15px;
  }
  .popup.svelte-1gzu27j h2.svelte-1gzu27j {
    font-size: 40px;
    line-height: 40px;
  }
  .placeholder-image.svelte-1gzu27j.svelte-1gzu27j,
  .pookie-canvas.svelte-1gzu27j.svelte-1gzu27j {
    width: calc(100vw - 30px);
    height: calc(100vw - 30px);
  }
  .download-button.svelte-1gzu27j.svelte-1gzu27j {
    padding: 0.35rem 2.6rem 0.4rem;
    font-size: 19px;
  }
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  animation-play-state: running !important;
}
@media (prefers-color-scheme: dark) {
  ::-webkit-scrollbar {
    width: 12px;
  }
  ::-webkit-scrollbar-track {
    background: #33220d;
  }
  ::-webkit-scrollbar-thumb {
    background-color: #5c3b12;
    border-radius: 10px;
    border: 2px solid #1a0d05;
  }
  scrollbar-color: #5c3b12 #33220d;
  scrollbar-width: thin;
}
a {
  text-decoration: none;
}
main {
  z-index: 0;
  position: relative;
}
body {
  margin: 0;
  padding: 0;
  color: var(--text-color);
  z-index: 0;
  position: relative;
}
.section-6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.six-title {
  font-size: 79px;
  line-height: 76px;
  color: var(--text-color);
  font-family: var(--font-primary);
  font-family: var(--font-luckiest-guy), sans-serif;
  letter-spacing: -0.5px;
  display: flex;
}
.six-desc {
  font-size: 19px;
  margin-top: 15px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: var(--font-chewy);
  font-size: 28px;
  margin-bottom: 30px;
  max-width: 800px;
  line-height: 26px;
  text-align: center;
}
.section-4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 130px;
  max-width: 1020px;
}
.fou-title {
  font-size: 78px;
  line-height: 76px;
  color: var(--text-color);
  font-family: var(--font-primary);
  font-family: var(--font-luckiest-guy), sans-serif;
  letter-spacing: -0.5px;
  display: flex;
}
.fou-desc {
  font-size: 19px;
  margin-top: 15px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: var(--font-chewy);
  font-size: 28px;
  margin-bottom: 52px;
  max-width: 700px;
  line-height: 26px;
  text-align: center;
}
.fou-img {
  width: 225px;
  margin-left: 15px;
  margin-top: -20px;
  -webkit-user-select: none;
  user-select: none;
}
.fou-boxes {
  display: flex;
}
.fou-box-1 {
  display: flex;
  flex-direction: column;
  font-size: 18px;
  margin-right: 15px;
  line-height: 19px;
  text-transform: uppercase;
  font-family: var(--font-chewy);
}
.fou-box-2 {
  position: relative;
}
.fou-shadow {
  background-color: #00000026;
  width: 88%;
  margin-left: 12%;
  height: 50px;
  display: block;
  position: absolute;
  border-radius: 100%;
  margin-top: -40px;
  z-index: -1;
  border: 0px solid rgba(0, 0, 0, 0.15);
}
.fou-1 {
  background-color: #f3c684;
  color: var(--text-color);
  border: 2px solid #010100;
  padding: 18px 25px 22px;
  display: flex;
  flex-direction: column;
  box-shadow: 2px 2px #010100;
  position: relative;
  min-width: 550px;
  min-height: 70px;
  margin-right: 100px;
  rotate: -2deg;
}
.fou-2 {
  background-color: #f3c684;
  color: var(--text-color);
  border: 2px solid #010100;
  padding: 18px 25px 22px;
  display: flex;
  flex-direction: column;
  box-shadow: 2px 2px #010100;
  position: relative;
  min-width: 550px;
  min-height: 70px;
  margin-left: 100px;
  margin-top: 0;
  rotate: 1deg;
}
.fou-3 {
  background-color: #f3c684;
  color: var(--text-color);
  border: 2px solid #010100;
  padding: 18px 25px 22px;
  display: flex;
  flex-direction: column;
  box-shadow: 2px 2px #010100;
  position: relative;
  min-width: 550px;
  min-height: 70px;
  margin-right: 100px;
  margin-top: -0px;
  rotate: 3deg;
}
.section-5 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 118px;
  max-width: 1020px;
}
.fiv-title {
  font-size: 72px;
  line-height: 60px;
  color: var(--text-color);
  font-family: var(--font-primary);
  font-family: var(--font-luckiest-guy), sans-serif;
  letter-spacing: -0.5px;
  display: flex;
  margin-top: -20px;
  margin-right: 150px;
}
.fiv-desc {
  font-size: 19px;
  margin-top: 24px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: var(--font-chewy);
  font-size: 28px;
  margin-bottom: 30px;
  max-width: 500px;
  line-height: 26px;
  text-align: left;
}
.fiv-img-top {
  display: flex;
  justify-content: right;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
.fiv-boxes {
  display: flex;
  gap: 50px;
  align-items: center;
  justify-content: center;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.fiv-button {
  font-family: var(--font-luckiest-guy), sans-serif !important;
  font-size: 21px;
  padding: 0.4rem 0.99rem;
  background-color: var(--secondary-color);
  color: var(--text-color);
  border: 2px solid #010100;
  border-radius: 0;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-shadow: none;
  background-color: #f3c684;
  padding: 0.6rem 1.2rem;
  background-color: #135e13;
  color: #fff;
  rotate: -2deg;
  box-shadow: 2px 2px #010100;
  background-color: #db381f;
  -webkit-user-select: none;
  user-select: none;
}
.fiv-img {
  width: 400px;
  background-color: #f3c684;
  border: 2px solid #010100;
  box-shadow: 2px 2px #010100;
  margin-bottom: 25px;
  rotate: 2deg;
  margin-left: 0;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
.thr-title {
  font-size: 80px;
  line-height: 70px;
  color: var(--text-color);
  font-family: var(--font-primary);
  font-family: var(--font-luckiest-guy), sans-serif;
  letter-spacing: -0.5px;
  display: flex;
}
.thr-desc {
  font-size: 29px;
  margin-bottom: 15px;
  margin-top: 20px;
  line-height: 26px;
  text-transform: uppercase;
  font-family: var(--font-chewy);
  max-width: 800px;
  text-align: center;
}
.thr-bear {
  width: 163px;
  position: absolute;
  bottom: -80px;
  top: -165px;
  right: 14px;
}
.thr-box-desc-link {
  text-decoration: underline;
  color: #39f;
  color: #3740a1;
  cursor: pointer;
}
.thr-boxes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 1020px;
  width: 100%;
  gap: 28px;
  row-gap: 30px;
  margin-top: 40px;
}
.thr-box {
  background-color: #f3c684;
  color: var(--text-color);
  border: 2px solid #010100;
  padding: 47px 22px 30px;
  display: flex;
  flex-direction: column;
  position: relative;
  box-shadow: 2px 2px #010100;
  rotate: 2deg;
}
.thr-box-title {
  font-family: var(--font-luckiest-guy);
  font-size: 30px;
  margin-bottom: 16px;
  line-height: 29px;
  display: flex;
  flex-direction: column;
  letter-spacing: -0.2px;
}
.thr-box-title-top {
  position: absolute;
  top: -8px;
  left: 43px;
  font-size: 27px;
  background-color: #f3c684;
  color: var(--text-color);
  border: 2px solid #010100;
  height: 52px;
  width: 92.5%;
  box-shadow: 1px 1px #010100;
  display: flex;
  align-items: center;
  padding-left: 12px;
}
.thr-box-desc {
  font-size: 18px;
  margin-right: 50px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: var(--font-chewy);
}
.thr-box-number {
  font-family: var(--font-luckiest-guy);
  font-size: 31px;
  margin-bottom: 4px;
  margin-right: 20px;
  background-color: #135e13;
  color: #fff;
  border: 2px solid #010100;
  width: 52px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 1px 1px #010100;
  position: absolute;
  top: -8px;
  left: -8px;
}
.section-3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 110px;
}
.section-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 100px;
}
.two-title {
  font-size: 80px;
  line-height: 70px;
  color: var(--text-color);
  font-family: var(--font-primary);
  font-family: var(--font-luckiest-guy), sans-serif;
  letter-spacing: -0.5px;
  display: flex;
  text-align: center;
  margin-right: 0;
}
.two-desc {
  font-size: 19px;
  margin-top: 25px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: var(--font-chewy);
  font-size: 25px;
  margin-bottom: 40px;
  max-width: 700px;
  line-height: 26px;
  text-align: center;
  z-index: 1;
  margin-right: 0;
}
.two-ca {
  font-size: 0.8rem;
  background-color: var(--background-color);
  padding: 0.4rem 0.9rem;
  border: 3px solid var(--text-color);
  display: inline-block;
  background-color: #0000007a;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  align-items: center;
  width: max-content;
  gap: 6px;
  border-radius: 0;
  font-family: var(--font-chewy);
  font-size: 17px;
  letter-spacing: 0.5px;
  background-color: #f3c684;
  color: var(--text-color);
  border: 2px solid #010100;
  padding: 11px 16px 11px 17px;
  display: flex;
  justify-content: center;
  box-shadow: 2px 2px #010100;
  rotate: 1.5deg;
}
.two-supply {
  font-size: 0.8rem;
  background-color: var(--background-color);
  padding: 0.4rem 0.9rem;
  border: 3px solid var(--text-color);
  display: inline-block;
  background-color: #0000007a;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  align-items: center;
  width: max-content;
  gap: 5px;
  border-radius: 0;
  font-family: var(--font-chewy);
  font-size: 17px;
  letter-spacing: 0.5px;
  background-color: #f3c684;
  color: var(--text-color);
  border: 2px solid #010100;
  padding: 11px 17px;
  display: flex;
  justify-content: center;
  box-shadow: 2px 2px #010100;
  rotate: -1.5deg;
}
.two-boxes-top {
  display: grid;
  grid-template-columns: 1fr;
  max-width: 1020px;
  width: 100%;
}
.two-first-top {
  width: 100%;
}
.two-boxes-2 {
  display: flex;
  width: 100%;
  gap: 22px;
  margin-top: 24px;
  justify-content: center;
  align-items: center;
  max-width: 1020px;
}
.two-boxes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  gap: 22px;
}
.two-img {
  width: 205px;
  position: absolute;
  top: -110px;
  right: -99px;
  rotate: 10deg;
}
.two-img-top {
  position: relative;
  width: 100%;
}
.two-box {
  background-color: #f3c684;
  color: var(--text-color);
  border: 2px solid #010100;
  display: flex;
  flex-direction: column;
  padding: 11px 25px 24px 73px;
  box-shadow: 2px 2px #010100;
  position: relative;
  rotate: -1.5deg;
}
.two-box.t {
  rotate: -1.5deg;
}
.two-box-title {
  font-family: var(--font-luckiest-guy);
  font-size: 32px;
  margin-bottom: 3px;
}
.two-box-title-percentage span {
  rotate: 90deg;
}
.two-box-title-percentage {
  font-size: 38px;
  border: 2px solid #010100;
  box-shadow: 2px 2px #010100;
  background-color: #fcba29;
  position: absolute;
  top: -2px;
  left: -2px;
  padding: 0;
  height: calc(100% + 4px);
  display: flex;
  width: 52px;
  justify-content: center;
  align-items: center;
  background-color: #010100;
  background-color: #135e13;
  color: #fff;
}
.two-box-desc {
  font-size: 18px;
  margin-right: 25px;
  line-height: 20px;
  text-transform: uppercase;
  font-family: var(--font-chewy);
}
.floor {
  background-color: #3c3c41;
  background-color: #c2730c;
  width: 100%;
  height: 300px;
  margin-top: -110px;
  border-top: var(--text-color) 3px solid;
  z-index: 0;
  position: relative;
  display: none;
}
.sun-rays-top-2 {
  width: 100vw;
  height: 80vh;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 0;
  background-image: linear-gradient(to bottom, orange, #ffa50000 20%),
    linear-gradient(to top, orange, #ffa50000 20%),
    linear-gradient(to right, orange, #ffa50000 20%),
    linear-gradient(to left, orange, #ffa50000 20%);
  background-size: 100% 50%, 100% 90%, 20% 100%, 20% 100%;
  background-position: top, bottom, left, right;
  background-repeat: no-repeat;
  display: none;
}
.floorer {
  z-index: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  pointer-events: none;
}
.floorer-grad {
  margin-top: 28px;
  height: 790px;
  width: 100%;
  pointer-events: none;
  z-index: 0;
  background-image: linear-gradient(to bottom, orange, #ffa50000 20%),
    linear-gradient(to top, orange, #ffa50000 20%),
    linear-gradient(to right, orange, #ffa50000 20%),
    linear-gradient(to left, orange, #ffa50000 20%);
  background-size: 100% 40%, 100% 40%, 40% 100%, 40% 100%;
  background-position: top, bottom, left, right;
  background-repeat: no-repeat;
  height: 82vh;
  height: 100vh;
}
.floorer-floor {
  background-color: #6b8e23;
  height: 18vh;
  width: 100%;
  border-top: var(--text-color) 2px solid;
  background-color: #c2730c;
  background-color: #d78800;
  display: none;
}
.utilities h2,
.utilities h3,
.utilities p {
  color: #fff !important;
}
.overflower {
  overflow: hidden;
}
.vh-bottom {
  position: absolute;
  top: 100vh;
  left: 0;
  width: 100%;
}
.hero,
.utilities,
.memes,
.socials {
  opacity: 1 !important;
  transform: none !important;
}
.container {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 2100px;
}
.container-2 {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1250px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1000000000000000000;
}
.container-2 {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
header {
  background-color: var(--background-color);
  background-color: #ffa500cc;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-bottom: 2px solid #010100;
  box-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
  padding: 16px 20px;
  width: 100vw;
  transition: background-color 0.3s ease, padding 0.3s ease,
    box-shadow 0.3s ease;
  position: sticky;
  z-index: 100000000;
  background-color: unset;
  -webkit-backdrop-filter: unset;
  backdrop-filter: unset;
  border: unset;
  box-shadow: unset;
  transition: all 0.3s ease;
  top: 28px;
  position: fixed;
}
header.scrolled {
  background-color: orange;
  border-bottom: 2px solid var(--text-color);
  padding: 7px 20px;
  box-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
}
.logo.scrolled {
  height: 54px;
}
header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-button {
  margin-left: 5px;
  box-shadow: 2px 2px #010100;
}
.header-button,
.header-button-2,
.cta-button,
.meme-button,
.social-button {
  font-family: var(--font-luckiest-guy), sans-serif !important;
  font-size: 21px;
  padding: 0.4rem 0.99rem;
  background-color: var(--secondary-color);
  color: var(--text-color);
  border: 2px solid #010100;
  border-radius: 0;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-shadow: none;
  background-color: #f3c684;
  -webkit-user-select: none;
  user-select: none;
}
.header-button-2 {
  background-color: #3740a1;
  color: #fff;
  letter-spacing: 0.8px;
  padding-left: 10px;
  box-shadow: 2px 2px #010100;
  background-color: #f3c684;
  display: none;
}
.header-button {
  padding-left: 10px;
  background-color: #3740a1;
  color: #fff;
}
.header-button-2 img {
  width: 33px;
  filter: brightness(10000000);
  margin-bottom: -2px;
}
.header-button img {
  width: 33px;
  margin-bottom: -2px;
  filter: brightness(10000000);
}
.cta-button {
  padding: 0.6rem 1.2rem;
  background-color: #135e13;
  color: #fff;
  rotate: -2deg;
  box-shadow: 2px 2px #010100;
  background-color: #db381f;
  background-color: #f3c684;
  cursor: not-allowed;
  color: #010100;
  opacity: 0.5 !important;
  cursor: pointer;
  opacity: 1 !important;
}
.cta-button .arrow {
  margin-left: 1.5px;
}
.header-button:hover,
.maker:hover,
.header-button-2:hover,
.meme-button:hover,
.social-button:hover {
  transform: translateY(-3px) rotate(-2deg);
}
.social-top-4:hover,
.social-top-3:hover,
.social-top-1:hover,
.nav-btn:hover {
  transform: scale(1.1);
}
.arrow {
  font-weight: 1000;
}
.hero {
  padding: 0rem 0;
  padding-top: 118px;
  height: 100vh;
  z-index: 1000000000000000000;
}
.hero .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hero-content {
  max-width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 10;
  transition: all 0.5s ease;
  margin-top: 100px;
}
.hero-content.section-2-appear {
  margin-top: -50.5vh;
  opacity: 0;
}
.tit-top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.tit-1 {
  font-size: 100px;
  line-height: 70px;
  color: var(--text-color);
  font-family: var(--font-primary);
  font-family: var(--font-luckiest-guy), sans-serif;
  letter-spacing: -0.5px;
  display: flex;
  rotate: 1deg;
}
.tit-1-in {
  font-size: 70px;
  margin-top: 16px;
  rotate: -7deg;
  margin-right: 7px;
}
.tit-2 {
  font-size: 105px;
  line-height: 70px;
  color: var(--text-color);
  font-family: var(--font-primary);
  font-family: var(--font-luckiest-guy), sans-serif;
  letter-spacing: -0.5px;
  display: flex;
}
.subtit-2 {
  font-size: 44px;
  margin-top: 10px;
  line-height: 75px;
  color: var(--text-color);
  font-family: var(--font-primary);
  font-family: var(--font-luckiest-guy), sans-serif;
  letter-spacing: -0.5px;
  display: flex;
  flex-direction: column;
  font-family: var(--font-chewy), sans-serif;
  text-transform: uppercase;
  font-size: 40px;
  letter-spacing: -0px;
}
h1 {
  font-size: 100px;
  margin-bottom: 1rem;
  line-height: 75px;
  color: var(--text-color);
  font-family: var(--font-primary);
  font-family: var(--font-luckiest-guy), sans-serif;
  letter-spacing: -0.5px;
  display: flex;
  flex-direction: column;
}
.title-1-in {
  font-size: 60px;
  margin-right: -7px;
  margin-top: -10px;
}
.title-1 {
  rotate: -4deg !important;
}
.title-2 {
  rotate: 0deg !important;
  font-size: 80px;
}
.title-2-in {
  font-size: 105px;
}
.title-3 {
  rotate: 4deg !important;
  line-height: 80px;
  font-size: 85px;
}
.token-title {
  font-size: 32px;
  font-family: var(--font-secondary), sans-serif;
  text-decoration: wavy;
  color: var(--text-color);
  opacity: 0.7;
  letter-spacing: -0.6px;
  display: none;
}
h2 {
  font-size: 3.5rem;
  margin-bottom: 2rem;
  color: var(--text-color);
  font-family: var(--font-primary);
}
h3 {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: var(--text-color);
  font-family: var(--font-primary);
}
.hero p {
  font-size: 1.8rem;
  margin-bottom: 2rem;
  color: var(--text-color);
  font-family: var(--font-primary);
  display: none;
}
.hero-i {
  position: relative;
  transition: all 0.5s ease;
}
.hero-i.section-2-appear {
  margin-top: 95vh;
  margin-top: 125vh;
}
.hero-i.section-6-appear {
  margin-top: 60vh;
}
.hero-image.section-2-appear,
.hero-image-2.section-2-appear {
  max-width: 23vw;
  transition: all 0.4s ease;
}
.hero-image,
.hero-image-2 {
  max-width: 502px;
  max-width: 27vw;
  animation: float 3s ease-in-out infinite;
  animation: unset;
  margin-top: 70px;
  margin-top: 7vh;
  margin-bottom: 0;
  z-index: 30;
  display: block;
  position: relative;
  transition: all 0.4s ease;
  margin-top: 4vh;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.hero-image-2 {
  position: absolute;
  top: 0;
  filter: drop-shadow(13px 0px 0px rgba(255, 165, 0, 1))
    drop-shadow(-13px 0px 0px rgba(255, 165, 0, 1))
    drop-shadow(0px 13px 0px rgba(255, 165, 0, 1))
    drop-shadow(0px -13px 0px rgba(255, 165, 0, 1));
  z-index: 0;
}
.hero-image-top {
  position: relative;
  display: inline-block;
}
.sun-rays {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14000px;
  height: 14000px;
  z-index: -1;
  background: repeating-conic-gradient(
    #fcba29 0% 17deg,
    transparent 17deg 30deg
  );
  border-radius: 50%;
  transform: translate(-50%, -50%);
  -webkit-mask-image: radial-gradient(circle, #fff 100%, #fff0);
  mask-image: radial-gradient(circle, #fff 100%, #fff0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: rotate-sun-rays 145s linear infinite;
}
.sun-rays-container {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
}
.sun-rays-top {
  width: 100vw;
  height: 90vh;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 0;
  background-image: linear-gradient(to bottom, orange, #ffa50000 20%),
    linear-gradient(to top, orange, #ffa50000 20%),
    linear-gradient(to right, orange, #ffa50000 20%),
    linear-gradient(to left, orange, #ffa50000 20%);
  background-size: 100% 50%, 100% 90%, 20% 100%, 20% 100%;
  background-position: top, bottom, left, right;
  background-repeat: no-repeat;
  opacity: 0;
}
@keyframes rotate-sun-rays {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.hero-image-shadow {
  background-color: #00000026;
  width: 76%;
  margin-left: 12%;
  height: 100px;
  display: block;
  position: absolute;
  border-radius: 100%;
  margin-top: -70px;
  z-index: 2;
  border: 0px solid rgba(0, 0, 0, 0.2);
}
@keyframes float {
  0%,
  to {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-90px) rotate(360deg);
  }
}
.marquee-container {
  background-color: var(--primary-color);
  border-bottom: 2px solid #010100;
  border-top: 2px solid #010100;
  overflow: hidden;
  background-color: #f3c684;
  z-index: 100000000;
  position: relative;
  padding-top: 2px;
  transition: all 0.3s ease;
  top: 0;
  position: fixed;
  text-transform: uppercase;
  -webkit-user-select: none;
  user-select: none;
}
.marquee {
  display: flex;
  width: max-content;
  white-space: nowrap;
  animation: marquee 100s linear infinite;
  z-index: 100000000;
}
.marquee p {
  display: inline-block;
  margin: 0;
  font-size: 1rem;
  color: var(--text-color);
  font-family: var(--font-chewy);
}
@keyframes marquee {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-50%);
  }
}
.utilities,
.memes,
.socials {
  padding: 4rem 0;
  background-color: var(--background-color);
}
.utilities {
  background-color: #1c1c1d;
  border-top: 3px solid #010100;
}
.utility-container,
.meme-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  color: var(--text-color);
  font-family: var(--font-primary);
}
.meme-grid {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 2rem;
  overflow-x: auto;
  padding-bottom: 1rem;
}
.meme-item {
  flex: 0 0 auto;
  width: calc(25% - 0.75rem);
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border: 3px solid #010100;
  border-radius: 20px;
}
.meme-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.meme-button {
  margin-top: 2rem;
}
.social-links {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 2rem;
}
.social-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background-color: var(--secondary-color);
  color: var(--text-color);
  border: 3px solid #010100;
  border-radius: 50%;
  font-size: 1.8rem;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.social-button:hover {
  transform: translateY(-5px) rotate(10deg);
  box-shadow: 0 5px 10px #0003;
}
.center-button {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.maker-topper {
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100vw;
  z-index: 1;
  height: calc(var(--vh, 1vh) * 100);
  top: 0;
  left: 0;
  align-items: flex-end;
}
.maker-top {
  max-width: 2148px;
  width: 100%;
  position: relative;
  display: flex;
  position: absolute;
  justify-content: space-between;
  padding-right: 42px;
  padding-left: 42px;
  padding-bottom: 32px;
}
.maker {
  background-color: var(--secondary-color);
  padding: 0.6rem 1.25rem;
  border-radius: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  z-index: 10000;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 2px solid #010100;
  background-color: #a45f2e;
  box-shadow: 2px 2px #010100;
  background-color: #df3016;
  position: relative;
  background-color: #f3c684;
  color: #010100;
  background-color: #e9452c;
  background-color: #db381f;
  -webkit-user-select: none;
  user-select: none;
}
.maker-text {
  font-family: var(--font-luckiest-guy), sans-serif;
  font-size: 1.3rem;
  font-size: 21px;
  margin-left: 0;
  color: #fff;
  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.18);
  letter-spacing: 0.5px;
  text-shadow: unset;
}
.maker-text-2 {
  font-family: var(--font-luckiest-guy), sans-serif;
  font-size: 1.3rem;
  font-size: 19px;
  margin-left: 0;
  color: #fff;
  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.18);
  letter-spacing: 0.5px;
  text-shadow: unset;
  display: none;
}
.maker-icon {
  width: 75px;
  height: 75px;
  margin-left: -3px;
  margin: unset;
  position: absolute;
  top: -35px;
  left: -20px;
  rotate: -26deg;
}
.logo {
  height: 62px;
  transition: all 0.15s ease;
  -webkit-user-select: none;
  user-select: none;
}
.logo:hover {
  transform: scale(1.1) rotate(5deg);
}
.logo-top {
  display: flex;
  align-items: center;
  gap: 13px;
}
.logo-text {
  font-size: 42px;
  font-family: var(--font-luckiest-guy), sans-serif;
  display: none;
}
.six-social-icons {
  display: flex;
  gap: 15px;
  -webkit-user-select: none;
  user-select: none;
}
.six-social-icons-2 {
  display: flex;
  gap: 15px;
  margin-top: 15px;
  -webkit-user-select: none;
  user-select: none;
}
.six-social-top-1 {
  background: none;
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease;
  background-color: var(--text-color);
  font-size: 21px !important;
  color: #fff !important;
  font-family: var(--font-luckiest-guy);
  letter-spacing: 0.4px;
  padding-left: 8px;
  padding-right: 14px;
  gap: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  rotate: -2deg;
  box-shadow: 2px 2px #010100;
}
.six-social-top-2 {
  background: none;
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease;
  background-color: var(--text-color);
  font-size: 21px !important;
  color: #fff !important;
  font-family: var(--font-luckiest-guy);
  letter-spacing: 0.4px;
  padding-left: 12px;
  padding-right: 14px;
  gap: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  rotate: 3deg;
  box-shadow: 2px 2px #010100;
}
.six-social-top-3 {
  background: none;
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease;
  background-color: var(--text-color);
  font-size: 21px !important;
  color: #fff !important;
  font-family: var(--font-luckiest-guy);
  letter-spacing: 0.4px;
  padding-left: 3px;
  padding-right: 12px;
  gap: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  rotate: -3deg;
  box-shadow: 2px 2px #010100;
}
.six-social-top-4 {
  background: none;
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease;
  background-color: var(--text-color);
  font-size: 21px !important;
  color: #fff !important;
  font-family: var(--font-luckiest-guy);
  letter-spacing: 0.4px;
  padding-left: 4px;
  padding-right: 14px;
  gap: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 2px 2px #010100;
  height: 46px;
  rotate: 3deg;
}
.six-social-top-5 {
  background: none;
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease;
  background-color: var(--text-color);
  font-size: 21px !important;
  color: #fff !important;
  font-family: var(--font-luckiest-guy);
  letter-spacing: 0.4px;
  padding-left: 11px;
  padding-right: 14px;
  gap: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 2px 2px #010100;
  height: 46px;
  rotate: -3deg;
}
.social-icons {
  display: flex;
  gap: 15px;
  -webkit-user-select: none;
  user-select: none;
}
.social-top-1 {
  background: none;
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease;
  background-color: var(--text-color);
  width: 46px;
  height: 46px;
  rotate: 2deg;
  box-shadow: 2px 2px #010100;
}
.social-top-2 {
  background: none;
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease;
  background-color: var(--text-color);
  width: 46px;
  height: 46px;
  rotate: 9deg;
  box-shadow: 2px 2px #010100;
}
.social-top-3 {
  background: none;
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease;
  background-color: var(--text-color);
  width: 46px;
  height: 46px;
  rotate: -3deg;
  box-shadow: 2px 2px #010100;
}
.social-top-4 {
  background: none;
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease;
  background-color: var(--text-color);
  width: 46px;
  height: 46px;
  rotate: 6deg;
  box-shadow: 2px 2px #010100;
}
.social-top-5 {
  background: none;
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease;
  background-color: var(--text-color);
  width: 46px;
  height: 46px;
  rotate: -7deg;
  box-shadow: 2px 2px #010100;
}
.social-image-1 {
  width: 38px;
  filter: brightness(100000) grayscale(1000);
}
.social-image-2 {
  width: 26px;
  height: 26px;
  filter: brightness(100000) grayscale(1000);
}
.social-image-3,
.social-image-4 {
  width: 44px;
  height: 44px;
}
.social-image-5 {
  width: 26px;
  height: 26px;
  filter: brightness(100000) grayscale(1000);
}
.social-top:hover {
  transform: scale(1.1);
}
.ca-top {
  margin-top: 5px;
  margin-bottom: 23px;
  font-size: 1.2rem;
  color: var(--text-color);
  rotate: 1deg !important;
  display: none;
}
.ca-title {
  font-weight: 700;
  margin-right: 10px;
  display: none;
}
.ca {
  font-size: 0.8rem;
  background-color: var(--background-color);
  padding: 0.4rem 0.6rem;
  border: 2px solid var(--text-color);
  display: inline-block;
  background-color: #0000007a;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  align-items: center;
  justify-content: center;
  display: flex;
  width: max-content;
  gap: 5px;
  border-radius: 0;
}
.ca-copy {
  width: 18px;
  height: 18px;
  margin-top: -2px;
  filter: invert(1) brightness(1000) grayscale(100);
  cursor: pointer;
  filter: unset;
}
.six-social-top-3:hover,
.six-social-top-4:hover,
.six-social-top-1:hover {
  transform: scale(1.1);
}
@media screen and (max-width: 1920px) {
  .hero-image,
  .hero-image-2 {
    max-width: 427px;
  }
  .hero-image.section-2-appear,
  .hero-image-2.section-2-appear {
    max-width: 23vw;
    max-width: 390px;
    transition: all 0.4s ease;
  }
  .section-6-appear .hero-image,
  .section-6-appear .hero-image-2 {
    max-width: 410px !important;
    max-width: 610px !important;
  }
}
@media screen and (max-width: 1223px) {
  .section-4 {
    max-width: calc(100vw - 200px);
  }
  .fou-1,
  .fou-2,
  .fou-3 {
    min-width: 300px;
  }
  .fou-box-2 {
    margin-left: -100px;
  }
  .section-3 {
    max-width: calc(100vw - 200px);
  }
  .section-2 {
    max-width: calc(100vw - 190px);
  }
  .section-5 {
    max-width: calc(100vw - 100px);
  }
  .fiv-title {
    margin-right: 100px;
  }
}
@media screen and (max-width: 1045px) {
  .hero-i {
    z-index: 0;
  }
  .thr-box-title-top {
    font-size: 23px;
  }
  .hero {
    z-index: 1000;
  }
  .hero-content,
  .container-2 {
    z-index: unset;
    z-index: 1000;
  }
  .floorer-grad {
    background-size: 100% 40%, 100% 0%, 40% 100%, 40% 100%;
  }
  .section-4 {
    max-width: calc(100vw - 160px);
  }
  .fou-1,
  .fou-2,
  .fou-3 {
    min-width: 300px;
  }
  .fou-box-2 {
    margin-left: -105px;
    margin-right: -20px;
  }
  .section-3,
  .section-5 {
    max-width: calc(100vw - 160px);
  }
  .fiv-img-top {
    display: flex;
    width: 100%;
  }
  .fiv-img {
    width: 100%;
  }
}
@media screen and (max-width: 886px) {
  .fiv-title {
    margin-right: unset;
  }
  .six-title {
    font-size: 65px;
  }
  .six-desc {
    font-size: 27px;
    margin-top: 9px;
    max-width: 600px;
    margin-bottom: 36px;
  }
  .header-button-2 {
    display: none;
  }
  .subtit-2 {
    line-height: 40px;
    margin-top: 27.5px;
    margin-bottom: 17.5px;
    width: 400px;
  }
  .thr-bear {
    width: 130px;
    right: -7px;
    top: -133px;
  }
  .thr-title {
    font-size: 60px;
  }
  .thr-desc {
    font-size: 23px;
    margin-top: 9px;
    max-width: 600px;
    margin-bottom: 0;
  }
  .thr-box {
    padding: 30px 20px 15px;
  }
  .thr-boxes {
    gap: 18px;
    row-gap: 20px;
  }
  .thr-box-number {
    font-size: 25px;
    width: 42px;
    height: 42px;
  }
  .thr-box-title-top {
    font-size: 20px;
    left: 31px;
    height: 42px;
    line-height: 18px;
  }
  .thr-box-desc {
    font-size: 17px;
    margin-right: 0;
    line-height: 19px;
  }
  .fou-title {
    font-size: 60px;
  }
  .fou-desc {
    font-size: 23px;
    margin-top: 10px;
    max-width: 600px;
    margin-bottom: 36px;
  }
  .fou-box-1 {
    font-size: 16px;
    line-height: 17px;
  }
  .fou-1 {
    margin-right: 50px;
    padding-right: 60px;
  }
  .fou-2 {
    margin-left: 50px;
    padding-right: 100px;
  }
  .fou-3 {
    margin-right: 50px;
    padding-right: 80px;
  }
  .fou-box-2 {
    margin-left: -160px;
    margin-right: -20px;
  }
  .fou-img {
    width: 215px;
    margin-top: -10px;
  }
  .section-4 {
    max-width: calc(100vw - 120px);
    margin-top: 90px;
  }
  .section-3,
  .section-2 {
    max-width: calc(100vw - 140px);
  }
  .two-title {
    font-size: 60px;
  }
  .two-desc {
    font-size: 23px;
    margin-top: 9px;
    max-width: 600px;
    margin-bottom: 36px;
  }
  .two-boxes {
    gap: 10px;
    grid-template-columns: 1fr;
  }
  .two-boxes-2 {
    margin-top: 14px;
  }
  .two-box {
    padding: 12px 20px 19px 57px;
    rotate: 1deg;
  }
  .two-box.t {
    rotate: 1deg;
  }
  .two-box-title-percentage {
    width: 40px;
    font-size: 30px;
  }
  .two-box-title {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 7px;
  }
  .two-box-desc {
    margin-right: unset;
    font-size: 17px;
    line-height: 19px;
  }
  .two-ca,
  .two-supply {
    font-size: 17px;
    line-height: 19px;
  }
  .two-img {
    width: 180px;
    right: -80px;
    top: -200px;
  }
  .two-boxes-2 {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .fiv-img {
    max-width: 360px;
  }
  .fiv-img-top {
    justify-content: center;
  }
  .fiv-boxes {
    grid-template-columns: 1fr;
    gap: 22px;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .fiv-box-2 {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .fiv-title {
    text-align: center;
    font-size: 60px;
  }
  .fiv-desc {
    text-align: center;
    font-size: 23px;
    margin-top: 9px;
    max-width: 500px;
    margin-bottom: 23px;
  }
}
@media screen and (max-width: 666px) {
  .maker-text {
    display: none;
  }
  .maker-text-2 {
    display: block;
  }
  .maker {
    padding: 0.4rem 0.95rem;
  }
}
@media screen and (max-width: 523px) {
  .logo {
    height: 38px;
  }
  .container {
    padding: 0;
  }
  header {
    top: 25px;
    width: 100vw;
    padding: 10px 15px;
  }
  .maker-top {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    align-items: flex-end;
  }
  .hero-image,
  .hero-image-2 {
    max-width: 89vw;
  }
  .header-button {
    padding: 0.3rem 0.55rem;
    font-size: 17px;
    padding-left: 5px;
  }
  .header-button img {
    width: 27px;
    margin-bottom: -2px;
    margin-right: -2px;
  }
  .marquee p {
    font-size: 0.89rem;
  }
  .floorer-grad {
    margin-top: 25px;
  }
  .social-icons {
    gap: 12px;
  }
  .social-top-1,
  .social-top-2,
  .social-top-3,
  .social-top-4 {
    width: 40px;
    height: 40px;
  }
  .social-image-1 {
    width: 34px;
    margin-bottom: -3px;
  }
  .social-image-3 {
    width: 39px;
    height: 39px;
    margin-bottom: -1px;
  }
  .social-image-4 {
    width: 40px;
    height: 40px;
    margin-bottom: -3px;
  }
  .maker {
    padding: 0.2rem 0.5rem 0.2rem 0.63rem;
    padding: 0.35rem 0.6rem 0.35rem 0.8rem;
  }
  .tit-1 {
    font-size: 53px;
    line-height: 37px;
  }
  .tit-1-in {
    font-size: 40px;
    margin-right: 2px;
    margin-top: 8px;
  }
  .tit-2 {
    font-size: 58px;
    line-height: 38px;
  }
  .subtit-2 {
    line-height: 20px;
    margin-top: 15px;
    margin-bottom: 17.5px;
    width: 400px;
    font-size: 25px;
  }
  .cta-button {
    padding: 0.3rem 0.6rem;
    font-size: 19px;
  }
  .hero-content {
    margin-top: 75px;
    margin-top: 12vh;
  }
  .hero-i {
    margin-top: 4vh;
  }
  .nav-btn {
    padding: 0 8px 4px !important;
    font-size: 21px !important;
  }
  .press-me div {
    display: none;
  }
  .press-me span {
    font-size: 50px;
    transform: rotate(30deg) !important;
    display: none;
  }
  .section-4 {
    max-width: calc(100vw - 15px);
    margin-top: 110px;
  }
  .fou-title {
    font-size: 30px;
    line-height: 30px;
  }
  .fou-desc {
    font-size: 17px;
    line-height: 19px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px;
    z-index: 1;
  }
  .fou-box-2 {
    display: flex;
    margin: unset;
    position: absolute;
    margin-top: -100px;
    top: 80px;
    right: 88px;
  }
  .fou-img {
    width: unset;
    height: 110px;
    margin-top: 20px;
    margin: unset;
  }
  .fou-shadow {
    display: none;
  }
  .fou-boxes {
    padding-right: 85px;
    padding-left: 85px;
    position: relative;
  }
  .fou-1 {
    margin-right: 30px;
    padding: 14px;
  }
  .fou-2 {
    margin-left: 30px;
    padding: 14px;
    margin-top: -3px;
  }
  .fou-3 {
    margin-right: 30px;
    padding: 14px;
    margin-top: -2px;
  }
  .fou-box-1 {
    font-size: 14px;
    line-height: 14px;
    margin-right: unset;
  }
  .section-3 {
    max-width: calc(100vw - 70px);
    margin-top: 100px;
  }
  .thr-title {
    font-size: 30px;
    line-height: 30px;
  }
  .thr-desc {
    font-size: 17px;
    line-height: 19px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px;
  }
  .thr-box {
    padding: 21px 12px 12px;
  }
  .thr-bear {
    width: 90px;
    right: -7px;
    top: -94px;
  }
  .thr-box-desc {
    font-size: 14px;
    line-height: 14px;
  }
  .thr-box-number {
    width: 34px;
    height: 34px;
    font-size: 21px;
    left: -6px;
  }
  .thr-boxes {
    gap: 14px;
    row-gap: 16px;
    margin-top: 11px;
  }
  .thr-box-title-top {
    font-size: 14px;
    line-height: 14px;
    left: 26px;
    height: 34px;
    width: 86%;
    padding-left: 7px;
  }
  .two-title {
    font-size: 30px;
    line-height: 30px;
  }
  .two-desc {
    font-size: 17px;
    line-height: 19px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 24px;
  }
  .section-2 {
    max-width: calc(100vw - 70px);
    margin-top: 120px;
  }
  .two-ca {
    font-size: 10.5px;
    line-height: 11px;
    padding: 7px 9px 7px 10px;
    gap: 4px;
  }
  .ca-copy {
    width: 15px;
    height: 15px;
  }
  .two-boxes-2,
  .two-boxes {
    gap: 8px;
  }
  .two-supply {
    font-size: 10.5px;
    line-height: 11px;
    padding: 7px 9px 7px 10px;
    gap: 4px;
  }
  .two-box-desc {
    font-size: 14px;
    line-height: 14px;
  }
  .two-box-title {
    font-size: 20px;
    margin-bottom: 2px;
  }
  .two-box {
    padding: 8px 15px 15px 47px;
  }
  .two-box-title-percentage {
    width: 35px;
    font-size: 25px;
  }
  .two-img {
    width: 110px;
    right: -50px;
    top: -175px;
  }
  .fiv-title {
    font-size: 30px;
    line-height: 30px;
  }
  .fiv-desc {
    font-size: 17px;
    line-height: 19px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .fiv-img {
    width: 80%;
    margin-bottom: 20px;
  }
  .section-5 {
    min-width: 290px;
    margin-top: 98px;
  }
  .fiv-button {
    padding: 0.25rem 0.6rem;
    font-size: 19px;
  }
  .fiv-boxes {
    margin-top: 30px;
  }
  .six-title {
    font-size: 35px;
    line-height: 30px;
  }
  .six-desc {
    font-size: 17px;
    line-height: 19px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .six-social-top-3,
  .six-social-top-1,
  .six-social-top-4 {
    height: 37px;
    font-size: 19px !important;
    padding-left: 3px;
    padding-right: 9px;
  }
  .six-social-icons-2 {
    margin-top: 10px;
  }
  .six-social-icons {
    gap: 10px;
  }
  .section-6-appear .hero-image,
  .section-6-appear .hero-image-2 {
    max-width: 79vw !important;
  }
  .section-6-appear .hero-image-shadow {
    display: none;
  }
  .section-6 {
    margin-top: 100px;
  }
  .hero-image-2 {
    filter: drop-shadow(6px 0px 0px rgba(255, 165, 0, 1))
      drop-shadow(-6px 0px 0px rgba(255, 165, 0, 1))
      drop-shadow(0px 6px 0px rgba(255, 165, 0, 1))
      drop-shadow(0px -6px 0px rgba(255, 165, 0, 1));
  }
}
@media screen and (max-width: 523px) and (max-height: 1200px) {
  .hero-i.section-6-appear {
    margin-top: 75vh;
  }
}
@media screen and (max-width: 523px) and (max-height: 900px) {
  .hero-i {
    margin-top: 10vh;
  }
}
@media screen and (max-width: 523px) and (max-height: 830px) {
  .hero-i {
    margin-top: 4vh;
  }
}
@media screen and (max-width: 523px) and (max-height: 720px) {
  .hero-i {
    margin-top: 0vh;
  }
  .hero-image,
  .hero-image-2 {
    max-width: 78vw;
  }
}
@media screen and (max-width: 523px) and (max-height: 780px) {
  .hero-i.section-6-appear {
    margin-top: 65vh;
  }
  .section-6-appear .hero-image,
  .section-6-appear .hero-image-2 {
    max-width: 72vw !important;
  }
}
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}
[data-aos][data-aos][data-aos-easing="linear"],
body[data-aos-easing="linear"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
  transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing="ease-in"],
body[data-aos-easing="ease-in"] [data-aos] {
  transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing="ease-out"],
body[data-aos-easing="ease-out"] [data-aos] {
  transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
  transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-back"],
body[data-aos-easing="ease-in-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing="ease-out-back"],
body[data-aos-easing="ease-out-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-back"],
body[data-aos-easing="ease-in-out-back"] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing="ease-in-sine"],
body[data-aos-easing="ease-in-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing="ease-out-sine"],
body[data-aos-easing="ease-out-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
body[data-aos-easing="ease-in-out-sine"] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing="ease-in-quad"],
body[data-aos-easing="ease-in-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quad"],
body[data-aos-easing="ease-out-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
body[data-aos-easing="ease-in-out-quad"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-cubic"],
body[data-aos-easing="ease-in-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-cubic"],
body[data-aos-easing="ease-out-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-quart"],
body[data-aos-easing="ease-in-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quart"],
body[data-aos-easing="ease-out-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
body[data-aos-easing="ease-in-out-quart"] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos^="fade"][data-aos^="fade"] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^="fade"][data-aos^="fade"].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}
[data-aos="fade-up"] {
  transform: translate3d(0, 100px, 0);
}
[data-aos="fade-down"] {
  transform: translate3d(0, -100px, 0);
}
[data-aos="fade-right"] {
  transform: translate3d(-100px, 0, 0);
}
[data-aos="fade-left"] {
  transform: translate3d(100px, 0, 0);
}
[data-aos="fade-up-right"] {
  transform: translate3d(-100px, 100px, 0);
}
[data-aos="fade-up-left"] {
  transform: translate3d(100px, 100px, 0);
}
[data-aos="fade-down-right"] {
  transform: translate3d(-100px, -100px, 0);
}
[data-aos="fade-down-left"] {
  transform: translate3d(100px, -100px, 0);
}
[data-aos^="zoom"][data-aos^="zoom"] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^="zoom"][data-aos^="zoom"].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}
[data-aos="zoom-in"] {
  transform: scale(0.6);
}
[data-aos="zoom-in-up"] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}
[data-aos="zoom-in-down"] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}
[data-aos="zoom-in-right"] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}
[data-aos="zoom-in-left"] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}
[data-aos="zoom-out"] {
  transform: scale(1.2);
}
[data-aos="zoom-out-up"] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos="zoom-out-down"] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos="zoom-out-right"] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos="zoom-out-left"] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-aos^="slide"][data-aos^="slide"] {
  transition-property: transform;
}
[data-aos^="slide"][data-aos^="slide"].aos-animate {
  transform: translateZ(0);
}
[data-aos="slide-up"] {
  transform: translate3d(0, 100%, 0);
}
[data-aos="slide-down"] {
  transform: translate3d(0, -100%, 0);
}
[data-aos="slide-right"] {
  transform: translate3d(-100%, 0, 0);
}
[data-aos="slide-left"] {
  transform: translate3d(100%, 0, 0);
}
[data-aos^="flip"][data-aos^="flip"] {
  backface-visibility: hidden;
  transition-property: transform;
}
[data-aos="flip-left"] {
  transform: perspective(2500px) rotateY(-100deg);
}
[data-aos="flip-left"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-right"] {
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos="flip-right"].aos-animate {
  transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-up"] {
  transform: perspective(2500px) rotateX(-100deg);
}
[data-aos="flip-up"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}
[data-aos="flip-down"] {
  transform: perspective(2500px) rotateX(100deg);
}
[data-aos="flip-down"].aos-animate {
  transform: perspective(2500px) rotateX(0);
}
.scroll-section.svelte-cfhrno.svelte-cfhrno {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: calc(100vh - 100px);
  z-index: 100;
  transition: all 0.5s ease;
  opacity: 0;
}
.scroll-section.active.svelte-cfhrno.svelte-cfhrno {
  opacity: 1;
}
.zoom-in.svelte-cfhrno.svelte-cfhrno {
  animation: svelte-cfhrno-zoomIn 1s ease forwards;
}
@keyframes svelte-cfhrno-zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.95);
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes svelte-cfhrno-zoomInReverse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.9);
  }
}
.hero.svelte-cfhrno.svelte-cfhrno {
  position: relative !important;
  top: unset !important;
  left: unset !important;
  width: unset !important;
  height: unset !important;
  z-index: unset !important;
}
.scroll-section-4.svelte-cfhrno.svelte-cfhrno,
.scroll-section-5.svelte-cfhrno.svelte-cfhrno,
.scroll-section-6.svelte-cfhrno.svelte-cfhrno {
  display: flex;
  justify-content: center;
  align-items: center;
}
.scroll-section-6.svelte-cfhrno.svelte-cfhrno {
  top: -8vh;
  position: absolute;
}
.press-me.svelte-cfhrno.svelte-cfhrno {
  margin-top: -58px;
  font-size: 60px;
  z-index: 10000;
  font-weight: 700;
  font-family: var(--font-luckiest-guy);
  display: flex;
  transition: all 0.2s ease;
}
.press-me.svelte-cfhrno div.svelte-cfhrno {
  font-size: 30px;
  margin-top: -5px;
  margin-right: -35px;
  rotate: -11deg;
}
.press-me.svelte-cfhrno span.svelte-cfhrno {
  rotate: 32deg;
  animation: svelte-cfhrno-translateRightLeft 1.25s ease-in-out infinite;
  margin-right: -3px;
}
.press-me.hider.svelte-cfhrno.svelte-cfhrno {
  opacity: 0;
  scale: 0.8;
}
@keyframes svelte-cfhrno-translateRightLeft {
  0%,
  to {
    transform: translate(0);
  }
  50% {
    transform: translate(-7px);
  }
}
@keyframes svelte-cfhrno-smoothBounce {
  0%,
  to {
    transform: scale(1);
  }
  50% {
    transform: scale(1.03);
  }
}
.nav-btn.svelte-cfhrno.svelte-cfhrno {
  padding: 0 10px 6px;
  font-size: 22px;
  background-color: #00000080;
  color: #fff;
  border: none;
  cursor: pointer;
  z-index: 1000;
  border: 2px solid var(--text-color);
  border-radius: 0;
  background-color: #0000007a;
  font-weight: 1000;
  margin-top: 28px;
  background-color: #fcac17;
  background-color: orange;
  background-color: #fcba29;
  color: var(--text-color);
  transition: all 0.5s ease;
  box-shadow: 2px 2px #010100;
  -webkit-user-select: none;
  user-select: none;
}
.nav-btn-left-hidden.svelte-cfhrno.svelte-cfhrno {
  margin-left: -100vw;
  pointer-events: none;
  transition: all 0.5s ease;
}
.nav-btn-right-hidden.svelte-cfhrno.svelte-cfhrno {
  margin-right: -100vw;
  pointer-events: none;
  transition: all 0.5s ease;
}
.nav-btn-right-top.svelte-cfhrno.svelte-cfhrno,
.nav-btn-left-top.svelte-cfhrno.svelte-cfhrno {
  position: absolute;
  width: max-content;
  height: 100vh;
  right: 0;
  display: flex;
  top: 0;
  justify-content: center;
  align-items: center;
  width: 2;
  max-width: 2148px;
  padding-right: 8px;
}
.nav-btn-left-top.svelte-cfhrno.svelte-cfhrno {
  left: 0;
  padding-left: 8px;
}