main {
  min-height: 100vh;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080' style=''%3E%3Cg mask='url(%23SvgjsMask2562)' fill='none'%3E%3Cpath width='1920' height='1080' fill='url(%23SvgjsLinearGradient2563)' d='M0 0 L1920 0 L1920 1080 L0 1080 Z' class='NJmvScHy_0'%3E%3C/path%3E%3Cpath d='M1466.21-213.75C1247.27-87.31 1364.05 653.62 960.64 662.11 557.24 670.6 214.92 342.04-50.49 338.11' stroke='rgba(118, 103, 250, 0.13333333333333333)' stroke-width='2' class='NJmvScHy_1'%3E%3C/path%3E%3Cpath d='M1434.54-130.53C1194.9-87.41 1075.53 509.55 701.74 511.02 327.95 512.49 171.31 173.95-31.06 165.42' stroke='rgba(118, 103, 250, 0.13333333333333333)' stroke-width='2' class='NJmvScHy_2'%3E%3C/path%3E%3Cpath d='M1497.66-71.97C1283.28-69.44 1123.67 155.65 675.22 171.08 226.78 186.51 89.67 629.6-147.21 646.28' stroke='rgba(118, 103, 250, 0.13333333333333333)' stroke-width='2' class='NJmvScHy_3'%3E%3C/path%3E%3Cpath d='M933.25-17.8C746.1 0.93 677.27 367.9 308.11 400.79-61.05 433.68-134.96 764.47-317.03 778.79' stroke='rgba(118, 103, 250, 0.13333333333333333)' stroke-width='2' class='NJmvScHy_4'%3E%3C/path%3E%3Cpath d='M1286.7-176.7C1064.16-1.12 1220.03 828.16 815.78 854.73 411.52 881.3 116.76 618.95-126.07 617.13' stroke='rgba(118, 103, 250, 0.088)' stroke-width='20' class='NJmvScHy_5'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3Cmask id='SvgjsMask2562'%3E%3Cpath width='1920' height='1080' fill='white' d='M0 0 L1920 0 L1920 1080 L0 1080 Z' class='NJmvScHy_6'%3E%3C/path%3E%3C/mask%3E%3ClinearGradient x1='10.94%25' y1='-19.44%25' x2='89.06%25' y2='119.44%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient2563'%3E%3Cstop stop-color='rgba(255, 255, 255, 0)' offset='0'%3E%3C/stop%3E%3Cstop stop-color='rgba(118, 103, 250, 0.4666666666666667)' offset='1'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cstyle data-made-with='vivus-instant'%3E.NJmvScHy_0%7Bstroke-dasharray:6000 6002%3Bstroke-dashoffset:6001%3Banimation:NJmvScHy_draw 1392ms linear 0ms forwards%3B%7D.NJmvScHy_1%7Bstroke-dasharray:2153 2155%3Bstroke-dashoffset:2154%3Banimation:NJmvScHy_draw 499ms linear 1392ms forwards%3B%7D.NJmvScHy_2%7Bstroke-dasharray:1839 1841%3Bstroke-dashoffset:1840%3Banimation:NJmvScHy_draw 426ms linear 1891ms forwards%3B%7D.NJmvScHy_3%7Bstroke-dasharray:1842 1844%3Bstroke-dashoffset:1843%3Banimation:NJmvScHy_draw 427ms linear 2318ms forwards%3B%7D.NJmvScHy_4%7Bstroke-dasharray:1526 1528%3Bstroke-dashoffset:1527%3Banimation:NJmvScHy_draw 354ms linear 2746ms forwards%3B%7D.NJmvScHy_5%7Bstroke-dasharray:2185 2187%3Bstroke-dashoffset:2186%3Banimation:NJmvScHy_draw 507ms linear 3100ms forwards%3B%7D.NJmvScHy_6%7Bstroke-dasharray:6000 6002%3Bstroke-dashoffset:6001%3Banimation:NJmvScHy_draw 1392ms linear 3607ms forwards%3B%7D%40keyframes NJmvScHy_draw%7B100%25%7Bstroke-dashoffset:0%3B%7D%7D%40keyframes NJmvScHy_fade%7B0%25%7Bstroke-opacity:1%3B%7D95.65217391304348%25%7Bstroke-opacity:1%3B%7D100%25%7Bstroke-opacity:0%3B%7D%7D%3C/style%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10vh;
}

.logoText {
  font-size: 5.5rem;
  -webkit-user-select: none;
  user-select: none;
  background: linear-gradient(to right, #ff6aae, #7667fa, #ff6aae);
  -webkit-background-clip: text;
  background-clip: text;
  background-position: 0 0;
  color: transparent;
  font-family: Zen Dots, sans-serif;
  animation: bgColor 4s infinite ease-in-out, logoEnter 0.5s forwards;
}
.logoMain {
  transform: translateY(-100vh);
}
@keyframes bgColor {
  to {
    background-position: 575px 0;
  }
}
@keyframes logoEnter {
  to {
    transform: translateY(0);
  }
}
.tagline {
  text-align: center;
  text-transform: capitalize;
  font-size: 4rem;
  opacity: 0;
  scale: 0.5;
  white-space: nowrap;
}
.tagline-word {
  font-family: Zen Dots, sans-serif;
  color: transparent;
  background: var(--theme-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 700;
}
.hero-btn {
  padding: 0.5rem 1rem;
  border: 2px solid var(--theme-color-2);
  border-radius: 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  background: transparent;
  cursor: pointer;
  opacity: 1;
  translate: 0 0;
  box-shadow: 6px 6px 0 var(--theme-color-2);
  transition: all 0.1s;
}
.hero-btn:active {
  translate: 4px 4px !important;
  box-shadow: 0 0 0 var(--theme-color-2) !important;
}
.connectBtn {
  margin-bottom: 10vh;
}
@media screen and (max-width: 768px) {
  .tagline {
    font-size: 3.8rem;
  }
}
footer {
  height: 45vh;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask2562%26quot%3b)' fill='none'%3e%3crect width='1920' height='1080' x='0' y='0' fill='url(%26quot%3b%23SvgjsLinearGradient2563%26quot%3b)'%3e%3c/rect%3e%3cpath d='M1466.21-213.75C1247.27-87.31 1364.05 653.62 960.64 662.11 557.24 670.6 214.92 342.04-50.49 338.11' stroke='rgba(118%2c 103%2c 250%2c 0.13333333333333333)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1434.54-130.53C1194.9-87.41 1075.53 509.55 701.74 511.02 327.95 512.49 171.31 173.95-31.06 165.42' stroke='rgba(118%2c 103%2c 250%2c 0.13333333333333333)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1497.66-71.97C1283.28-69.44 1123.67 155.65 675.22 171.08 226.78 186.51 89.67 629.6-147.21 646.28' stroke='rgba(118%2c 103%2c 250%2c 0.13333333333333333)' stroke-width='2'%3e%3c/path%3e%3cpath d='M933.25-17.8C746.1 0.93 677.27 367.9 308.11 400.79-61.05 433.68-134.96 764.47-317.03 778.79' stroke='rgba(118%2c 103%2c 250%2c 0.13333333333333333)' stroke-width='2'%3e%3c/path%3e%3cpath d='M1286.7-176.7C1064.16-1.12 1220.03 828.16 815.78 854.73 411.52 881.3 116.76 618.95-126.07 617.13' stroke='rgba(118%2c 103%2c 250%2c 0.088)' stroke-width='20'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask2562'%3e%3crect width='1920' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='10.94%25' y1='-19.44%25' x2='89.06%25' y2='119.44%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient2563'%3e%3cstop stop-color='rgba(255%2c 255%2c 255%2c 0)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(118%2c 103%2c 250%2c 0.4666666666666667)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  background-position: bottom right;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
.footer-top {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 1.5vh;
}
.tagline-footer {
  letter-spacing: 2px;
  word-spacing: 2px;
  font-weight: 700;
  font-size: 1.2rem;
  text-align: center;
}
.connect-with-us {
  margin-top: 4vh;
  padding: 1rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 1rem;
}
.connect-with-us p {
  text-align: center;
  font-weight: 600;
  font-size: 1.1rem;
}
nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}
svg {
  transition: all 0.3s;
}
.icon:hover svg {
  fill: #7667fa;
  transform: scale(1.25);
}
.copyright {
  width: 100%;
  text-align: center;
  padding: 5px;
  font-weight: 500;
  background: #7667fa;
  color: #fff;
  letter-spacing: 1px;
}
:root {
  --theme-color-1: #ff6aae;
  --theme-color-1-transparent: #8c000088;
  --theme-color-2: #7667fa;
  --theme-color-2-transparent: #0d008488;
  --theme-gradient: linear-gradient(
    var(--gradient-angle-1),
    var(--theme-color-1),
    var(--theme-color-2)
  );
  --theme-gradient-transparent: linear-gradient(
    var(--gradient-angle-2),
    var(--theme-color-1-transparent),
    var(--theme-color-2-transparent)
  );
  --bg-dark: #000;
  --bg-light: #fff;
  --font-montserrat: "Montserrat", sans-serif;
  --gradient-angle-1: to right;
  --gradient-angle-2: 135deg;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
::selection {
  color: #fff;
  background: #7667fa;
  border-radius: 8px;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--font-montserrat);
  color: #000;
}
html {
  scroll-behavior: smooth;
  background: #fff;
}
body {
  background: #fff;
  height: 100vh;
}