@font-face {
  font-family: 'Super Bubble-Regular';
  src: url('fonts/SuperBubble.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Soft Sans Serif 7-Regular';
  src: url('fonts/soft_sans_serif_7.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.WEBSITE {
  font-family: 'Super Bubble', sans-serif;
}

.WEBSITE {
  background-color: transparent;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  overflow-x: hidden;
}

.WEBSITE .overlap-wrapper {
  width: 100vw;
  height: 414.063vw; }


.WEBSITE .overlap {
  position: relative;
  width: 105.99vw;   height: 415.0vw;   
  left: -2.865vw; 
}


.WEBSITE .background {
    position: absolute;
    width: 100%;
    height: 409.896vw;     top: 5.104vw;     left: 0; 
}

.WEBSITE .under-kyorn-zbun {
  position: absolute;
  width: 100vw;   height: 56.25vw;   top: 26.042vw;   left: -1.980vw;   
}

.WEBSITE .under-kyorn-zbun-wrapper {
  position: relative;
  width: 135.417vw;   height: 36.771vw;   top: 25.677vw;   left: -15.313vw;   transform: rotate(3.64deg);
}

.WEBSITE .overlap-group-wrapper {
  height: 36.771vw; }

.WEBSITE .overlap-group {
  position: relative;
  width: 102.031vw;   height: 40.0vw;   top: 2.917vw;   left: 19.427vw; }

.WEBSITE .img {
  position: absolute;
  width: 100vw;   height: 33.854vw;   top: 3.125vw;   left: 0.99vw;   transform: rotate(-3.64deg);
}

.WEBSITE .under-kyorn-zbun-2 {
  position: absolute;
  width: 100vw;   height: 23.906vw;   top: 13.958vw;   left: 1.354vw;   transform: rotate(-3.64deg);
}

.WEBSITE .under-kyorn-zbun-3 {
  position: absolute;
  width: 100vw;   height: 28.958vw;   top: 3.125vw;   left: 0.833vw;   transform: rotate(-3.64deg);
}

.WEBSITE .two-texts {
  position: absolute;
  width: 77.24vw;   height: 31.2vw;   top: 84.479vw;   left: 14.219vw; }

.WEBSITE .text-left {
  position: absolute;
  width: 33.49vw;   height: 29.219vw;   top: 2.813vw;   left: 0;
  transition: transform 0.3s ease;
}

.WEBSITE .text-left:hover {
  transform: scale(1.05);
}

.WEBSITE .div {
  position: relative;
  height: 29.219vw; }

.WEBSITE .text-left-okvir {
  position: absolute;
  width: 33.49vw;   height: 29.219vw;   top: 0;
  left: 0;
}

.WEBSITE .text-left-nesto {
  position: absolute;
  width: 32.604vw;   height: 28.229vw;   top: 0.469vw;   left: 0.521vw; }

.WEBSITE .text-left-boja {
  position: absolute;
  width: 33.281vw;   height: 29.063vw;   top: 0.104vw;   left: 0.104vw; }

.WEBSITE .in-the-dark-of-the {
  position: absolute;
  width: 27.135vw;   top: 2.5vw;   left: 3.177vw;   font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 1.25vw;   text-align: justify;
  letter-spacing: 0;
  line-height: normal;
}

.WEBSITE .text-right-picture {
  top: 0.833vw;   left: 43.75vw;   position: absolute;
  width: 33.49vw;   height: 30.677vw;   transition: transform 0.3s ease;
}

.WEBSITE .text-right-picture:hover {
  transform: scale(1.05);
}


.WEBSITE .overlap-group-2 {
  position: relative;
  height: 30.677vw; }

.WEBSITE .text-right-picture-2 {
  top: 0;
  left: 0;
  position: absolute;
  width: 33.49vw;   height: 30.677vw; }

.WEBSITE .text-right-picture-3 {
  position: absolute;
  width: 15.052vw;   height: 13.854vw;   top: 0.156vw;   left: 9.792vw; }

.WEBSITE .shielded-by-design {
  position: absolute;
  width: 26.25vw;   top: 16.354vw;   left: 3.906vw;   font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 1.25vw;   text-align: justify;
  letter-spacing: 0;
  line-height: normal;
}

.WEBSITE .paralax-back-bg {
  position: absolute;
  width: 100vw;   height: 56.25vw;   top: 0;
  left: 2.865vw;   overflow: hidden;
}

.WEBSITE .paralax-back-bg-wrapper {
  position: relative;
  width: 104.271vw;   height: 32.135vw;   top: 24.115vw;   left: -1.302vw; }

.WEBSITE .div-wrapper {
  height: 32.135vw; }

.WEBSITE .overlap-group-3 {
  position: relative;
  width: 100vw;   height: 32.135vw;   left: 1.302vw; }

.WEBSITE .paralax-back-bg-2 {
  position: absolute;
  width: 100vw;   height: 31.875vw;   top: 0.26vw;   left: 0;
}

.WEBSITE .paralax-back-bg-3 {
  position: absolute;
  width: 100vw;   height: 22.917vw;   top: 3.229vw;   left: 0;
}

.WEBSITE .paralax-back-bg-4 {
  position: absolute;
  width: 100vw;   height: 25.833vw;   top: 0;
  left: 0;
}

.WEBSITE .paralax-middle {
  position: absolute;
  width: 100vw;   height: 56.25vw;   top: 6.771vw;   left: 2.865vw; }

.WEBSITE .paralax-middle-2 {
  position: relative;
  width: 42.708vw;   height: 52.917vw;   left: 26.719vw;   background-image: url(./img/paralax-2-middle-panther-3.svg);
  background-size: 100% 100%;
}

.WEBSITE .paralax-front {
  position: absolute;
  width: 100vw;   height: 56.25vw;   top: 13.333vw;   left: 2.865vw;   overflow: hidden;
}

.WEBSITE .paralax-front-zbun {
  position: absolute;
  width: 118.281vw;   height: 34.688vw;   top: 25.156vw;   left: -1.458vw; }

.WEBSITE .paralax-front-zbun-2 {
  height: 34.688vw; }

.WEBSITE .overlap-group-4 {
  position: relative;
  width: 100vw;   height: 31.094vw;   left: 1.458vw; }

.WEBSITE .paralax-front-zbun-3 {
  position: absolute;
  width: 100vw;   height: 30.208vw;   top: 0.885vw;   left: 0;
}

.WEBSITE .paralax-front-zbun-4 {
  position: absolute;
  width: 100vw;   height: 15.625vw;   top: 0;
  left: 0;
}

.WEBSITE .paralax-front-zbun-5 {
  position: absolute;
  width: 100vw;   height: 21.979vw;   top: 5.469vw;   left: 0;
}

.WEBSITE .icons {
  position: absolute;
  width: 19.583vw;   height: 4.271vw;   top: 3.021vw;   left: 70.313vw; }

.WEBSITE .paralax-front-x-wrapper {
  position: absolute;
  width: 4.271vw;   height: 4.271vw;   top: 0;
  left: 2.24vw;   background-image: url(./img/paralax-1-front-x-elips.svg);
  background-size: 100% 100%;
  transition: filter 0.3s ease;
}

.WEBSITE .paralax-front-x-wrapper:hover {
  filter: brightness(1.5);
}


.WEBSITE .paralax-front-x {
  position: absolute;
  width: 1.927vw;   height: 1.979vw;   top: 1.146vw;   left: 1.2vw; }

.WEBSITE .paralax-front-wrapper {
  position: absolute;
  width: 4.271vw;   height: 4.271vw;   top: 0;
  left: 7.656vw;   background-image: url(./img/paralax-1-front-discord-elips.svg);
  background-size: 100% 100%;
  transition: filter 0.3s ease;
}

.WEBSITE .paralax-front-wrapper:hover {
 filter: brightness(1.5);
}

.WEBSITE .paralax-front-2 {
  position: absolute;
  width: 2.448vw;   height: 1.771vw;   top: 1.2vw;   left: 0.885vw; }

.WEBSITE .img-wrapper {
  position: absolute;
  width: 4.271vw;   height: 4.271vw;   top: 0;
  left: 13.073vw;   background-image: url(./img/paralax-1-front-telegram-elips.svg);
  background-size: 100% 100%;
 transition: filter 0.3s ease;
}

.WEBSITE .img-wrapper:hover {
 filter: brightness(1.5);
}


.WEBSITE .paralax-front-3 {
  position: absolute;
  width: 2.083vw;   height: 1.719vw;   top: 1.302vw;   left: 0.885vw; }


.WEBSITE .paralax-back-bg,
.WEBSITE .paralax-middle,
.WEBSITE .paralax-front {
  will-change: transform;
  transform-style: preserve-3d;
}


.kyron-welcome-to {
  position: absolute;
  width: 100%;
  height: 12.969vw;   top: 60.208vw;   left: 0;
  overflow: hidden;
}

.overlap-2 {
  position: relative;
  width: 100%;
  height: 12.656vw;   top: 0.104vw;   overflow: hidden;
}

.kyron-traka {
  position: absolute;
  width: 100%;
  height: 12.656vw;   top: 0;
  left: -0.17vw;
  z-index: 1;
}

.marquee-track {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 2;
  display: flex;
  align-items: center;
  padding-left: 3vw;;
}

.marquee-inner {
  display: flex;
  animation: marquee 50s linear infinite;
  white-space: nowrap;
}

.welcome-to-NITE-the {
  font-family: 'Super Bubble-Regular', Helvetica;
  font-weight: 400;
  color: #64d824;
  font-size: 5.208vw;   margin: 0;
  padding-right: 5.208vw;   white-space: nowrap;
}

@keyframes marquee {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}


.WEBSITE .header {
  
  top: 0;
  background-color: transparent;
  position: fixed; 
  width: 100vw;   height: 11.979vw;   padding-left: 2.85vw;   z-index: 1000;
}

.WEBSITE .overlap-3 {
  position: relative;
  width: 100vw;   height: 11.979vw; }

.WEBSITE .header-rect {
    position: absolute;
  top: 0;
  left: 0;
  position: absolute;
  width: 100vw;   height: 11.979vw; }

.WEBSITE .overlap-group-5 {
  position: relative;
  height: 11.979vw; }

.WEBSITE .pfp-panther {
  position: absolute;
  width: 16.042vw;   height: 9.323vw;   top: 0.156vw;   left: 13.75vw; }

.WEBSITE .header-popuna {
  position: absolute;
  width: 100vw;   height: 11.615vw;   top: 0;
  left: 0;
}

.WEBSITE .header-boja {
  position: absolute;
  width: 100vw;   height: 11.354vw;   top: 0.625vw;   left: 0;
}

.WEBSITE .nite-logotype {
  position: absolute;
  width: 12.031vw;   height: 4.323vw;   top: 0.625vw;   left: 30.26vw;   background-image: url(./img/NITE.svg);
  background-size: 100% 100%;
}
.WEBSITE .text-wrapper:hover,
.WEBSITE .text-wrapper-2:hover,
.WEBSITE .text-wrapper-3:hover,
.WEBSITE .text-wrapper-4:hover,
.WEBSITE .text-wrapper-5:hover {
  color: #aae9f7;
  transition: color 0.3s ease;
}


.WEBSITE .text-wrapper {
  position: absolute;
  top: 2.448vw;   left: 45.99vw;   font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  color: #021901;
  font-size: 1.25vw;   letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.WEBSITE .text-wrapper-2 {
  position: absolute;
  top: 2.448vw;   left: 51.458vw;   font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  color: #021901;
  font-size: 1.25vw;   letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.WEBSITE .text-wrapper-3 {
  position: absolute;
  top: 2.448vw;   left: 57.656vw;   font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  color: #021901;
  font-size: 1.25vw;   letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.WEBSITE .text-wrapper-4 {
  position: absolute;
  top: 2.448vw;   left: 67.604vw;   font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  color: #021901;
  font-size: 1.25vw;   letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.WEBSITE .text-wrapper-5 {
  position: absolute;
  top: 2.448vw;   left: 77.813vw;   font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  color: #021901;
  font-size: 1.25vw;   letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.WEBSITE .BUY-BUTTON {
  position: absolute;
  width: 6.667vw;   height: 3.229vw;   top: 1.406vw;   left: 84.739vw;   overflow: hidden;
  transform: rotate(15.21deg);
  transition: transform 0.3s ease;
}

.WEBSITE .BUY {
  position: absolute;
  width: 6.979vw;   height: 4.479vw;   top: -0.625vw;   left: -0.156vw;   transform: rotate(-15.21deg);
  transition: transform 0.3s ease;
}

.WEBSITE .BUY-BUTTON:hover {
  transform: rotate(-10deg) scale(1.3);
}


.WEBSITE .tabele {
  position: absolute;
  width: 62.865vw;   height: 36.771vw;   top: 207.5vw;   left: 21.719vw; }

.WEBSITE .overlap-4 {
  position: relative;
  height: 36.771vw; }

.WEBSITE .tabele-2 {
  position: absolute;
  width: 62.865vw;   height: 36.771vw;   top: 0;
  left: 0;
}

.WEBSITE .overlap-5 {
  position: absolute;
  width: 62.448vw;   height: 8.125vw;   top: 28.646vw;   left: 0.417vw; }

.WEBSITE .tabele-dole-dole {
  position: absolute;
  width: 61.719vw;   height: 7.292vw;   top: 0.365vw;   left: 0.365vw; }

.WEBSITE .tabele-dole-dole-2 {
  position: absolute;
  width: 62.448vw;   height: 8.125vw;   top: 0;
  left: 0;
}

.WEBSITE .overlap-group-6 {
  position: absolute;
  width: 62.448vw;   height: 7.135vw;   top: 21.51vw;   left: 0.417vw; }

.WEBSITE .tabele-dole-boja {
  position: absolute;
  width: 61.719vw;   height: 6.406vw;   top: 0.365vw;   left: 0.365vw; }

.WEBSITE .tabele-dole-okvir {
  position: absolute;
  width: 62.448vw;   height: 7.135vw;   top: 0;
  left: 0;
}

.WEBSITE .tabele-levi-okvir {
  position: absolute;
  width: 30.99vw;   height: 21.458vw;   top: 0;
  left: 0;
}

.WEBSITE .tabele-levi-boja {
  position: absolute;
  width: 30.156vw;   height: 20.625vw;   top: 0.417vw;   left: 0.417vw; }

.WEBSITE .overlap-6 {
  width: 31.094vw;   height: 19.167vw;   left: 31.615vw;   position: absolute;
  top: 0;
}

.WEBSITE .tabele-desni-boja {
  position: absolute;
  width: 30.313vw;   height: 18.333vw;   top: 0.417vw;   left: 0.417vw; }

.WEBSITE .tabele-desni-okvir {
  position: absolute;
  width: 31.094vw;   height: 19.167vw;   top: 0;
  left: 0;
}

.WEBSITE .presale-access {
  position: absolute;
  width: 27.708vw;   top: 1.927vw;   left: 1.667vw;   font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 1.354vw;   text-align: justify;
  letter-spacing: 0;
  line-height: 1.406vw; }

.WEBSITE .span {
  color: #021901;
}

.WEBSITE .text-wrapper-6 {
  color: #aae9f7;
}

.WEBSITE .text-wrapper-7 {
  color: #ffffff;
}

.WEBSITE .important-only-NITE {
  position: absolute;
  width: 27.708vw;   top: 1.927vw;   left: 33.281vw;   font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 1.354vw;   text-align: justify;
  letter-spacing: 0;
  line-height: 1.406vw; }

.WEBSITE .text-wrapper-8 {
  color: #010f00;
}

.WEBSITE .after-the-presale {
  position: absolute;
  width: 59.323vw;   top: 23.021vw;   left: 1.667vw;   font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 1.354vw;   text-align: justify;
  letter-spacing: 0;
  line-height: 1.406vw; }

.WEBSITE .text-wrapper-9 {
  color: #000b00;
}

.WEBSITE .presale-contribution {
  position: absolute;
  width: 59.323vw;   top: 30.0vw;   left: 1.875vw;   font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 1.354vw;   text-align: justify;
  letter-spacing: 0;
  line-height: 1.406vw; }

.WEBSITE .table {
  position: absolute;
  width: 63.229vw;   height: 17.813vw;   top: 190.156vw;   left: 21.406vw; }

.WEBSITE .overlap-7 {
  position: relative;
  width: 62.865vw;   height: 16.875vw;   top: 0.417vw;   background-image: url(./img/tabele-rect.svg);
  background-size: 100% 100%;
}

.WEBSITE .row {
  position: absolute;
  width: 56.667vw;   height: 3.438vw;   top: 1.615vw;   left: 4.635vw; }

.WEBSITE .text-wrapper-10 {
  top: 1.042vw;   left: 0.417vw;   color: #ffffff;
  white-space: nowrap;
  position: absolute;
  font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  font-size: 1.354vw;   letter-spacing: 0;
  line-height: normal;
}

.WEBSITE .maximum-allocation {
  position: absolute;
  top: 0.365vw;   left: 37.24vw;   font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  color: #021901;
  font-size: 1.354vw;   letter-spacing: 0;
  line-height: normal;
}

.WEBSITE .element-NITE {
  position: absolute;
  width: 12.813vw;   height: 2.865vw;   top: 0.26vw;   left: 19.688vw; }

.WEBSITE .text-wrapper-11 {
  position: absolute;
  top: 0.156vw;   left: 0.208vw;   font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  color: #aae9f7;
  font-size: 1.354vw;   letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.WEBSITE .text-wrapper-12 {
  position: absolute;
  top: 1.667vw;   left: 4.271vw;   font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  color: #aae9f7;
  font-size: 1.042vw;   letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.WEBSITE .row-2 {
  position: absolute;
  width: 55.208vw;   height: 2.865vw;   top: 6.927vw;   left: 4.635vw; }

.WEBSITE .NITE-collected-during {
  top: 0.104vw;   left: 37.292vw;   color: #021901;
  position: absolute;
  font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  font-size: 1.354vw;   letter-spacing: 0;
  line-height: normal;
}

.WEBSITE .text-wrapper-13 {
  position: absolute;
  top: 0.781vw;   left: 22.083vw;   font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  color: #aae9f7;
  font-size: 1.354vw;   letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.WEBSITE .text-wrapper-14 {
  position: absolute;
  top: 0.781vw;   left: 0.104vw;   font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 1.354vw;   letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.WEBSITE .row-3 {
  position: absolute;
  width: 55.573vw;   height: 3.125vw;   top: 12.083vw;   left: 4.531vw; }

.WEBSITE .average-token-rate {
  position: absolute;
  top: 0.156vw;   left: 37.396vw;   font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  color: #021901;
  font-size: 1.354vw;   letter-spacing: 0;
  line-height: normal;
}

.WEBSITE .text-wrapper-15 {
  position: absolute;
  top: 0.781vw;   left: 22.313vw;   font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  color: #aae9f7;
  font-size: 1.354vw;   letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.WEBSITE .tokens-per-NITE {
  position: absolute;
  width: 13.646vw;   height: 2.813vw;   top: 0.313vw;   left: 0.156vw; }

.WEBSITE .text-wrapper-16 {
  position: absolute;
  top: 0.104vw;   left: 0.052vw;   font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 1.354vw;   letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.WEBSITE .text-wrapper-17 {
  position: absolute;
  top: 1.719vw;   left: 3.906vw;   font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 1.042vw;   letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.WEBSITE .mission-paralax {
  position: absolute;
  width: 100.573vw;   height: 56.563vw;   top: 254.583vw;   left: 2.344vw;   overflow: hidden;
}

.WEBSITE .mission-paralax-2 {
  position: relative;
  width: 106.823vw;   height: 51.771vw;   top: 4.792vw;   left: -4.531vw; }

.WEBSITE .overlap-group-7 {
  position: relative;
  width: 100.573vw;   height: 51.771vw;   left: 4.531vw; }

.WEBSITE .mission-paralax-3 {
  position: absolute;
  width: 100.573vw;   height: 51.51vw;   top: 0.26vw;   left: 0;
}

.WEBSITE .mission-paralax-4 {
  position: absolute;
  width: 100.573vw;   height: 46.667vw;   top: 0;
  left: 0;
}

.WEBSITE .mission-paralax-wrapper {
  position: absolute;
  width: 83.75vw;   height: 50.521vw;   top: 263.229vw;   left: 6.25vw;   overflow: hidden;
}

.WEBSITE .mission-paralax-5 {
  position: relative;
  width: 53.177vw;   height: 47.708vw;   top: 7.135vw;   left: -3.698vw; }

.WEBSITE .mission-paralax-6 {
  position: absolute;
  width: 49.479vw;   height: 43.385vw;   top: 3vw;
  left: 3.698vw; }

.WEBSITE .mission-paralax-7 {
  position: absolute;
  width: 83.75vw;   height: 50.521vw;   top: 260.625vw;   left: 2.865vw;   overflow: hidden;
}

.WEBSITE .mission-paralax-8 {
  position: relative;
  width: 37.917vw;   height: 18.958vw;   top: 32.24vw;   left: -0.521vw; }

.WEBSITE .mission-paralax-9 {
  height: 18.958vw; }

.WEBSITE .overlap-group-8 {
  position: relative;
  width: 37.396vw;   height: 18.281vw;   left: 0.521vw; }

.WEBSITE .mission-paralax-10 {
  position: absolute;
  width: 37.031vw;   height: 17.917vw;   top: 0.365vw;   left: 0;
}

.WEBSITE .mission-paralax-11 {
  position: absolute;
  width: 29.688vw;   height: 13.698vw;   top: 3.854vw;   left: 0.938vw; }

.WEBSITE .mission-paralax-12 {
  position: absolute;
  width: 37.396vw;   height: 18.281vw;   top: 0;
  left: 0;
}

.WEBSITE .text-wrapper-18 {
  position: absolute;
  width: 43.906vw;   top: 249.219vw;   left: 30.521vw;   -webkit-text-stroke: 0.365vw #073905;   font-family: "Super Bubble-Regular", Helvetica;
  font-weight: 400;
  color: #2b7105;
  font-size: 5.469vw;   text-align: center;
  letter-spacing: 0;
  line-height: 7.833vw;   white-space: nowrap;
}

.WEBSITE .text-mission {
  position: absolute;
  width: 37.5vw;   height: 31.823vw;   top: 277.552vw;   left: 54.688vw; }

.WEBSITE .overlap-8 {
  position: relative;
  height: 31.823vw; }

.WEBSITE .text-mission-boja {
  position: absolute;
  width: 36.563vw;   height: 30.469vw;   top: 0.677vw;   left: 0.469vw; }

.WEBSITE .text-mission-okvir {
  position: absolute;
  width: 37.5vw;   height: 31.823vw;   top: 0;
  left: 0;
}

.mission-paralax {
  position: relative;
  overflow: hidden;
}

.mission-paralax-back,
.mission-paralax-middle,
.mission-paralax-front {
  will-change: transform;
  transition: transform 0.1s ease-out;
}


.WEBSITE .at-NITE-we-re-not {
  position: absolute;
  width: 32.708vw;   top: 2.083vw;   left: 2.396vw;   font-family: "Soft Sans Serif 7-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 1.354vw;   text-align: justify;
  letter-spacing: 0;
  line-height: 1.458vw; }

.WEBSITE .palms-tokenomics {
  position: absolute;
  width: 100vw;   height: 34.167vw;   top: 113.073vw;   left: 3.381vw; }

.WEBSITE .overlap-9 {
  position: relative;
  height: 34.167vw; }

.WEBSITE .text-wrapper-19 {
  position: absolute;
  width: 77.24vw;   top: 11.51vw;   left: 10.99vw;   -webkit-text-stroke: 0.365vw #073905;   font-family: "Super Bubble-Regular", Helvetica;
  font-weight: 400;
  color: #2b7105;
  font-size: 5.469vw;   text-align: center;
  letter-spacing: 0;
  line-height: 7.833vw;   white-space: nowrap;
}

.WEBSITE .p {
  position: absolute;
  width: 67.448vw;   top: 6.875vw;   left: 16.667vw;   font-family: "Super Bubble-Regular", Helvetica;
  font-weight: 400;
  color: #2b7105;
  font-size: 2.5vw;   text-align: center;
  letter-spacing: 0;
  line-height: 3.578vw;   white-space: nowrap;
}

.WEBSITE .text-wrapper-20 {
  position: absolute;
  width: 42.552vw;   top: 19.01vw;   left: 28.698vw;   font-family: "Super Bubble-Regular", Helvetica;
  font-weight: 400;
  color: #2b7105;
  font-size: 2.135vw;   text-align: center;
  letter-spacing: 0;
  line-height: 3.057vw;   white-space: nowrap;
}

.WEBSITE .palm-tokenomics {
  position: absolute;
  width: 100vw;   height: 34.167vw;   top: 0;
  left: -0.5vw;
}

.WEBSITE .tokenomics-pie {
  position: absolute;
  width: 85.208vw;   height: 46.979vw;   top: 143.177vw;   left: 12.448vw; }

.WEBSITE .overlap-10 {
  position: relative;
  height: 46.927vw; }

.WEBSITE .overlap-11 {
  position: absolute;
  width: 78.906vw;   height: 46.927vw;   top: 0;
  left: 6.302vw; }



.WEBSITE .pie {
  position: absolute;
  width: 41.667vw;   height: 41.667vw;   top: 0;
  left: 13.438vw;   background-image: url(./img/pie.svg);
  background-size: 100% 100%;
  transition: transform 0.3s ease;
}

.WEBSITE .pie:hover {
  transform: scale(1.05);
}


.WEBSITE .tokenomic-vector {
  position: absolute;
  width: 11.563vw;   height: 3.854vw;   top: 3.854vw;   left: 10.417vw; }

.WEBSITE .tokenomic-vector-2 {
  position: absolute;
  width: 13.438vw;   height: 4.063vw;   top: 25.521vw;   left: 9.167vw; }

.WEBSITE .tokenomic-vector-3 {
  position: absolute;
  width: 12.031vw;   height: 2.969vw;   top: 14.896vw;   left: 47.344vw; }

.WEBSITE .team {
  position: absolute;
  width: 22.677vw;   top: 2.448vw;   left:-10vw;
  font-family: "Super Bubble-Regular", Helvetica;
  font-weight: 400;
  color: #073905;
  font-size: 2.083vw;   text-align: center;
  letter-spacing: 0;
  line-height: 2.984vw; }

.WEBSITE .text-wrapper-21 {
  position: absolute;
  width: 13.281vw;   top: 13.49vw;   left: 58.906vw;   font-family: "Super Bubble-Regular", Helvetica;
  font-weight: 400;
  color: #073905;
  font-size: 2.083vw;   text-align: center;
  letter-spacing: 0;
  line-height: 2.984vw; }

.WEBSITE .liquidity-pool {
  position: absolute;
  width: 14.896vw;   top: 27.76vw;   left: 1vw;
  font-family: "Super Bubble-Regular", Helvetica;
  font-weight: 400;
  color: #073905;
  font-size: 2.083vw;   text-align: center;
  line-height: 2.984vw; }

.WEBSITE .FOOTER {
  position: absolute;
  width: 101.146vw;   height: 22.448vw;   top: 392.552vw;   left: 2.448vw;   background-color: transparent;
  background-image: url(./img/footer-rect.svg);
  background-size: 100% 100%;
}

.WEBSITE .footer-icons {
  position: absolute;
  width: 15.646vw;   height: 6.25vw;   top: 8.698vw;   left: 40.885vw; }

.WEBSITE .footer-vector-x-wrapper {
  position: absolute;
  width: 6.25vw;   height: 6.25vw;   top: 0;
  left: 0;
  background-image: url(./img/footer-vector-elipsa-x.svg);
  background-size: 100% 100%;
  transition: filter 0.3s ease;
}

.WEBSITE .footer-vector-x-wrapper:hover {
 filter: brightness(1.5);
}

.WEBSITE .footer-vector-x {
  position: absolute;
  width: 2.813vw;   height: 2.865vw;   top: 1.667vw;   left: 1.719vw; }

.WEBSITE .footer-vector-wrapper {
  width: 6.25vw;   height: 6.25vw;   left: 11.198vw;   background-image: url(./img/footer-vector-elipsa-discord.svg);
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  transition: filter 0.3s ease;
}

.WEBSITE .footer-vector-wrapper:hover {
 filter: brightness(1.5);
}

.WEBSITE .footer-vector {
  position: absolute;
  width: 3.594vw;   height: 2.604vw;   top: 1.771vw;   left: 1.302vw; }

.WEBSITE .overlap-12 {
  position: absolute;
  width: 6.25vw;   height: 6.25vw;   top: 0;
  left: 22.396vw;   background-image: url(./img/footer-vector-elipsa.svg);
  background-size: 100% 100%;
  transition: filter 0.3s ease;
}

.WEBSITE .overlap-12:hover {
 filter: brightness(1.5);
}

.WEBSITE .footer-vector-2 {
  position: absolute;
  width: 3.073vw;   height: 2.552vw;   top: 1.927vw;   left: 1.302vw; }

.WEBSITE .text-wrapper-22 {
  position: absolute;
  width: 25.0vw;   top: 2.604vw;   left: 38.073vw;   font-family: "Super Bubble-Regular", Helvetica;
  font-weight: 400;
  color: #073905;
  font-size: 2.813vw;   letter-spacing: 0;
  line-height: 4.026vw;   white-space: nowrap;
}

.WEBSITE .final-word {
  position: absolute;
  width: 105.99vw;   height: 76.406vw;   top: 324.115vw;   left: 0;
}

.WEBSITE .overlap-13 {
  position: relative;
  height: 73.958vw;   top: 2.448vw; }

.WEBSITE .join-the-NITE {
  position: absolute;
  width: 46.146vw;   top: 58.073vw;   left: 30.156vw;   font-family: "Super Bubble-Regular", Helvetica;
  font-weight: 400;
  color: #073905;
  font-size: 2.031vw;   text-align: center;
  letter-spacing: 0;
  line-height: 2.906vw; }

.WEBSITE .palms-final-word {
  position: absolute;
  width: 105.99vw;   height: 44.583vw;   top: 29.375vw;   left: 0;
}

.WEBSITE .panther-smiling {
  position: absolute;
  width: 43.281vw;   height: 40.677vw;   top: 7.031vw;   left: 51.406vw; }

.WEBSITE .the-NITE-movement {
  position: absolute;
  width: 34.479vw;   top: 19.198vw;   left: 14.583vw;   font-family: "Super Bubble-Regular", Helvetica;
  font-weight: 400;
  color: #073905;
  font-size: 1.458vw;   text-align: justify;
  letter-spacing: 0;
  line-height: 2.089vw; }

.WEBSITE .text-wrapper-23 {
  position: absolute;
  width: 40.365vw;   top: 0;
  left: 32.656vw;   -webkit-text-stroke: 0.365vw #073905;   font-family: "Super Bubble-Regular", Helvetica;
  font-weight: 400;
  color: #2b7105;
  font-size: 5.469vw;   text-align: center;
  letter-spacing: 0;
  line-height: 7.833vw;   white-space: nowrap;
}
.WEBSITE .kyron {
  position: absolute;
  width: 100%;
  height: 12.083vw;   top: 311.146vw;   left: 0;
  overflow: hidden;
}
.WEBSITE .overlap-14 {
  position: relative;
  width: 100%;
  height: 12.083vw;   left: 0;
  overflow: hidden;
}
.WEBSITE .kyron-rect {
  position: absolute;
  width: 100%;
  height: 12.083vw;   top: 0;
  left: -0.25vw;
}
.WEBSITE .JOIN-THE-NITE {
  position: absolute;
  width: max-content;
  top: 3.229vw;   left: 100%;
  font-family: 'Super Bubble-Regular', Helvetica;
  font-weight: 400;
  color: #64d824;
  font-size: 5.208vw;   letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
  animation: marquee 40s linear infinite;
}

#about {
  scroll-margin-top: 8.073vw; }
#tokenomics {
  scroll-margin-top: 5.208vw; }
#ourmission{
    scroll-margin-top: 34.896vw; }

#final{
    scroll-margin-top: 5.208vw; }