:root {
    --x: 45deg;
    --primary-clr: #a5f9c5;
    --secondary-clr: #fb4a4f;
    --accent-clr: #2afc98;
    --body-clr: linear-gradient(45deg, #3f3251 2%, #002025 100%);
    --body-dark: #002025;
    --bg-green: #132E32;
    --gradient-clr: linear-gradient(225deg, #073B4C 2%, #132E32 100%);
    --bg-dark: #07070A;
    --font-light: #effff6;
    --font-dark: #191919;
    --light-glass-clr: rgba(255, 255, 255, 0.05);
    --glass-clr: rgba(0, 0, 0, 0.25);
    --darker-glass-clr: rgba(0, 0, 0, 0.75);
    --slightly-dark-clr: rgba(0,  0, 0, 0.35);
    --border: 0.1rem solid rgba(255, 255, 255, 0.35);
    --small-radius: 0.5rem;
    --normal-radius: 1rem;
    --ease-out: cubic-bezier(0.5, 1, 0.89, 1);
    --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
    --small-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.6);
    --shadow:  0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.6);
    --normal-reflection: below 0.5rem linear-gradient(transparent, transparent, #000);
}

@font-face {
    font-family: General;
    src: url(/static/Core/fonts/gen5.ttf);
}

@font-face {
    font-family: Headers;
    src: url(/static/Core/fonts/headers.ttf);
}

@font-face {
    font-family: Devtom;
    src: url(/static/Core/fonts/DT.otf);
}

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

html {
    scroll-behavior: smooth;
    font-family: General;
    color: var(--font-light);
    font-size: 10px;
    letter-spacing: 1.5px;
    font-weight: 300;
}

::-webkit-scrollbar {
    width: 0.5rem;
    background: var(--font-dark);
    opacity: 0.5;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(transparent, var(--primary-clr));
    border-radius: var(--font-dark);
    transition: all 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(transparent, var(--secondary-clr));
}

body {
    position: relative;
    background: var(--body-clr);
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    min-height: 100vh;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
small,
span {
    pointer-events: none;
    user-select: none;
    font-weight: 300;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    user-select: none;
}

.body-container {
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;;
}


/* loader */
.circle-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: var(--body-clr);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 2rem;
    gap: 2rem;
    opacity: 1;
    transition: opacity 1.5s ease-in-out;
    z-index: 20000;
}

.loader-circle {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    margin-left: -90px;
    margin-top: -90px;
}

.loader-line-mask {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 180px;
    margin-left: -90px;
    margin-top: -90px;
    overflow: hidden;
    transform-origin: 90px 90px;
    -webkit-mask-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0));
    animation: rotate 1.2s infinite linear;
}

.loader-line-mask .loader-line {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

@keyframes rotate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
}

.loader-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3rem;
    color: var(--primary-clr);
}

.loader-logo span {
    color: var(--secondary-clr);
}


/* messing around */
.messing-cnt {
  position: absolute;
  top: 10rem;
  left: 5%;
  width: 25rem;
  height: 9rem;
  background: var(--glass-clr);
  z-index: 20001;
  backdrop-filter: blur(0.25rem);
  border: var(--border);
  border-radius: var(--small-radius);
  padding: 0.5rem;
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  align-items: center;
}

.mess-logo {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 6rem;
}

.mess-logo svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mess-logo svg path {
  fill: var(--primary-clr);
}

.mess-content {
  position: relative;
  width: calc(100% - 6rem);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

.mess-content p {
  line-height: 2rem;
}

.mess-content a {
  color: var(--secondary-clr)
}

.clicking {
  position: absolute;
  top: 1rem;
  left: 5%;
  width: 90%;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

#click-p {
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--primary-clr);
}

#click-counter {
  font-family: Devtom;
  font-size: 2rem;
}


/* scroll-to-top */
#progress {
    position: fixed;
    background: var(--accent-clr);
    bottom: 2rem;
    right: 2.5%;
    height: 2.25rem;
    width: 2.25rem;
    display: flex;
    display: none;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 0.5rem 0rem var(--primary-clr);
    border-radius: 50%;
    cursor: pointer;
    z-index: 1000;
  }
  
  #progress-value {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.75rem;
    width: 1.75rem;
    background: var(--body-clr);
    border-radius: 50%;
  }
  
  #progress-value svg {
    width: 1.4rem;
    height: 1.4rem;
    fill: var(--primary-clr);
  }


  /* navigation */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 6rem; 
    border-bottom: var(--border);
    background: var(--glass-clr);
    backdrop-filter: blur(0.5rem);
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-container {
    position: relative;
    max-width: calc(1600px - 7.5%);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-list {
    display: flex;
}

.nav-list li {
    position: relative;
    line-height: 6rem;
}

.sub-menu > li {
    line-height: 3.5rem;
}

.sub-menu > li a {
    font-size: 1.8rem;
    cursor: pointer;
}

.nav-list a {
    display: block;
    color: var(--primary-clr);
    font-family: Headers;
    font-size: 2.2rem;
    padding: 0 1.5rem;
    letter-spacing: 0.1rem;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.nav-list a i {
    font-size: 1.15rem;
}

.nav-list a:hover {
    color: var(--accent-clr);
}

.sub-menu {
    position: absolute;
    display: block;
    width: 22.5rem;
    background: rgba(0,0,0,0.7);
    border-top: 0.25rem solid var(--secondary-clr);
    z-index: 100;;
    opacity: 0;
    visibility: hidden;
    top: 12rem;
    transition: all 0.45s ease;
}

.sub-menu::before {
    position: absolute;
    content: "";
    top:-2rem;
    left: 1.5rem;
    border: 1rem solid transparent;
    border-bottom-color: var(--secondary-clr);
}

.sub-menu .sub-menu {
    top:0;
    left: 130%;
    border-top: none;
    border-left: 0.25rem solid var(--primary-clr);
}

.sub-menu .sub-menu::before {
    top: 0.9rem;
    left: -2rem;
    border: 1rem solid transparent;
    border-right-color: var(--primary-clr);
}

.menu-icons {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 6rem;
    height: 6rem;
    z-index: 1000;
    display:none;
}

.nav-list li:hover:hover > .sub-menu {
    top: 6rem;
    opacity: 1;
    visibility: visible;
}

.sub-menu li:hover:hover > .sub-menu {
    top: 0;
    opacity: 1;
    left: calc(100% + 0.75rem);
    visibility: visible;
}

.ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .hamRotate.active {
    transform: rotate(45deg);
  }

  .line {
    fill:none;
    stroke:var(--primary-clr);
    transition: stroke 300ms, stroke-dasharray 300ms, stroke-dashoffset 300ms;
    stroke-width:5.5;
    stroke-linecap:round;
  }

  .ham4.active .line {
    stroke: var(--secondary-clr);
  }

  .ham4 .top {
    stroke-dasharray: 40 121;
  }
  .ham4 .bottom {
    stroke-dasharray: 40 121;
  }
  .ham4.active .top {
    stroke-dashoffset: -68px;
  }
  .ham4.active .bottom {
    stroke-dashoffset: -68px;
  }

.logo {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Devtom;
    font-size: 3rem;
    font-weight: 300;
    color: var(--primary-clr);
    transition: 0.3s;
    line-height: 4rem;
}

.logo span {
    color: var(--secondary-clr);
    transition: 0.3s;
}

.logo svg {
    width: 3rem;
    height: 3rem;
    margin-right: 1rem;
    fill: var(--accent-clr);
    margin-left: 1rem;
    transition: 0.3s;
}

.logo:hover {
    transform: scale(0.95);
    color: var(--secondary-clr);
}

.logo:hover span {
    color: var(--primary-clr);
}

.logo:hover svg {
  fill: var(--font-light);
}


 /* footer section */
 footer {
    position: relative;
    width: 100%;
    height: auto;
    padding: 5rem;
    background: var(--gradient-clr);
    border-top: var(--border);
  }

  .footer-container {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    grid-gap: 3rem;
  }

  .foot-cnt {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .foot-socials {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, 5rem);
  }

  .foot-socials li a {
    display: inline-block;
    width: 3.6rem;
    height: 3.6rem;
    background: var(--light-glass-clr);
    border: var(--border);
    border-radius: var(--small-radius);
    box-shadow: var(--small-shadow);
    -webkit-box-reflect: var(--normal-reflection);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease-in-out;
  }

  .foot-socials li a i {
    color: var(--secondary-clr);
    font-size: 2rem;
    transition: 0.3s ease-in-out;
  }

  .foot-socials li a:hover {
    background: var(--primary-clr);
  }

  .foot-socials li a:hover i {
    color: var(--font-dark);
  }

  .foot-support,
  .foot-quick,
  .foot-contact {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .foot-support li a,
  .foot-quick li a {
    color: var(--font-light);
    font-size: 1.4rem;
    letter-spacing: 0.1rem;
    opacity:0.6;
    transition: 0.3s ease-in-out;
  }

  .foot-support li a:hover,
  .foot-quick li a:hover {
    opacity: 1;
  }

  .foot-contact li {
    position: relative;
    width: 100%;
    display: flex;
    gap: 1rem;
    transition:0.3s ease-in-out;
  }

  .foot-contact li span {
    width: 2rem;
    height: 2rem;
    background: var(--light-glass-clr);
    border-radius: var(--small-radius);
    border: var(--border);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .foot-contact li span i {
    font-size: 1.2rem;
    color: var(--primary-clr);
    transition: 0.3s ease-in-out;
  }

  .foot-contact li a {
    font-size: 1.3rem;
    letter-spacing: 0.1rem;
    color: var(--font-light);
    cursor: pointer;
    transition: 0.3s ease-in-out;
  }

  .foot-contact li:hover span i {
    color: var(--font-light);
  }

  .foot-contact li:hover  a {
    color: var(--primary-clr);
  }

  .copyright {
    position: relative;
    width: 100%;
    padding: 2rem 5rem;
    background: var(--bg-dark);
    border-top: 0.1rem solid var(--primary-clr);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .copy-p {
    font-size: 1.1rem;
    letter-spacing: 0.1rem;
    text-align: center;
    line-height: 2.5rem;
  }

  .copy-p a {
    pointer-events: auto;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    font-family: Devtom;
    font-size: 1.2rem;
    color: var(--primary-devtom);
  }

  .copy-p a span {
    color: var(--secondary-devtom);
    transition: 0.3s ease-in-out;
  }

  .copy-p a:hover {
    color: var(--secondary-devtom);
  }

  .copy-p a:hover span {
    color: var(--primary-devtom);
  }


  /* general stuff */
  .gen-p {
    font-size: 1.3rem;
    letter-spacing: 0.1rem;
  }

  .large-p {
    font-size: 1.5rem; 
    font-weight: 600;
    letter-spacing: 0.1rem;
  }

  .centerd-p {
    text-align: center;
  }

  .colored-p { 
    background: linear-gradient(to right, var(--font-light), var(--primary-clr));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .gen-padded {
    padding: 0 2.5%;
  }

  .gen-head {
    position: relative;
    width: fit-content;
    font-family: Headers;
    font-size: 3.75rem;
    color: var(--primary-clr);
  }

  .gen-head::before {
    position: absolute;
    content: "";
    left:0;
    bottom: -0.75rem;
    width: 5rem;
    height: 0.25rem;
    border-radius: var(--small-radius);
    background: var(--secondary-clr);
  }

  .small-head {
    font-size: 2.75rem;
  }

  .top-head {
    position: relative;
    font-family: Headers;
    font-size: 3.25rem;
    text-transform: uppercase;
    font-weight: 100;
    color: var(--accent-clr);
    padding-bottom: 0.5rem;
    border-bottom: 0.1rem solid var(--accent-clr);
  }

  .centered-head {
    position: relative;
    text-align: center;
  }

  .centered-head::before {
    position: absolute;
    content: "";
    left:50%;
    transform: translateX(-50%);
    bottom: -0.75rem;
    width: 5rem;
    height: 0.25rem;
    border-radius: var(--small-radius);
    background: var(--secondary-clr);
  }

  .header-head {
    position: relative;
    font-family: Devtom;
    font-size: 6rem;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 0.5rem;
    color: var(--font-light);
    text-align: center;
    width: fit-content;
    border-bottom: 0.1rem solid rgba(241, 249, 236, 0.5);
    text-shadow: 
        0.4rem 0 0 rgba(251, 74, 79, 0.75),
        -0.2rem -0.4rem 0 rgba(42, 252, 152, 0.75),
        0.2rem 0.4rem 0 rgba(165, 249, 197, 0.75);
    animation: glitch 500ms infinite;
    -webkit-box-reflect: below 0px linear-gradient(transparent, transparent, #000);
  }

  .no-reflection {
    -webkit-box-reflect: below 0px linear-gradient(transparent, transparent, transparent);
    border-bottom: none;
  }

  .header-head span {
    position: absolute;
    top: 0;
    left: 0;
  }

  .header-head span:first-child {
    animation: glitch 650ms infinite;
    clip-path: polygon(0 0, 100% 0, 100% 45%, 0 45%);
    transform: translate(-0.2rem, -0.1rem);
    opacity: 0.8;
  }

  .header-head span:last-child{
    animation: glitch 375ms infinite;
    clip-path: polygon(0 60%, 100% 60%, 100% 100%, 0 100%);
    transform: translate(0.1rem, 0.2rem);
    opacity: 0.8;
  }

  @keyframes glitch {
    0% {
        text-shadow: 
            0.4rem 0 0 rgba(251, 74, 79, 0.75),
            -0.2rem -0.4rem 0 rgba(42, 252, 152, 0.75),
            0.2rem 0.4rem 0 rgba(165, 249, 197, 0.75);
    }
    14% {
        text-shadow: 
            0.4rem 0 0 rgba(251, 74, 79, 0.75),
            -0.2rem -0.4rem 0 rgba(42, 252, 152, 0.75),
            0.2rem 0.4rem 0 rgba(165, 249, 197, 0.75);
    }
    15% {
        text-shadow: 
            -0.4rem -0.2rem 0 rgba(251, 74, 79, 0.75),
            0.2rem 0.2rem 0 rgba(42, 252, 152, 0.75),
            -0.4rem -0.4rem 0 rgba(165, 249, 197, 0.75);
    }
    49% {
        text-shadow: 
            -0.4rem -0.2rem 0 rgba(251, 74, 79, 0.75),
            0.2rem 0.2rem 0 rgba(42, 252, 152, 0.75),
            -0.4rem -0.4rem 0 rgba(165, 249, 197, 0.75);
    }
    50% {
        text-shadow: 
            0.2rem 0.4rem 0 rgba(251, 74, 79, 0.75),
            0.4rem 0 0 rgba(42, 252, 152, 0.75),
            0 -0.4rem 0 rgba(165, 249, 197, 0.75);
    }
    99% {
        text-shadow: 
            0.2rem 0.4rem 0 rgba(251, 74, 79, 0.75),
            0.4rem 0 0 rgba(42, 252, 152, 0.75),
            0 -0.4rem 0 rgba(165, 249, 197, 0.75);
    }
    100% {
        text-shadow: 
            -0.2rem 0 0 rgba(251, 74, 79, 0.75),
            -0.2rem -0.2rem 0 rgba(42, 252, 152, 0.75),
            -0.2rem -0.4rem 0 rgba(165, 249, 197, 0.75);
    }
}


  /* buttons */
.gen-btn {
  position: relative;
  width: 12.5rem;
  height: 3.5rem;
  display: inline-block;
  background: var(--body-clr);
  border: none;
  outline: none;
  cursor: pointer;
  z-index: 10;
  -webkit-box-reflect: var(--normal-reflection);
}

.gen-btn i {
  position: absolute;
  inset: -0.1rem;
  display: block;
  border-radius: var(--small-radius);
}

.gen-btn i,
.gen-btn i:nth-child(2) {
  background: linear-gradient(var(--x), var(--primary-clr), var(--body-dark), var(--secondary-clr));
}

.gen-btn i:nth-child(2) {
  filter: blur(1rem);
}

.gen-btn span {
  position: absolute;
  top: 0;
  left:  0;
  width: 100%;
  height: 100%;
  background: var(--darker-glass-clr);
  border: 0.1rem solid var(--body-dark);
  border-radius: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.2rem;
  letter-spacing: 0.3rem;
  font-family: Headers;
  color: var(--font-light);
  text-transform: uppercase;
  overflow: hidden;
}

.gen-btn span::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  transform: skew(25deg);
}

.average-btn {
  position: relative;
  font-family: Headers;
  font-size: 2rem;
  color:var(--accent-clr);
  width: fit-content;
  font-weight: 100;
  transition:0.3s ease-in-out;
  opacity: 0.7;
}

.home-btn {
  font-size: 2.2rem;
  letter-spacing: 0.3rem;
  text-transform: uppercase;
  opacity: 1;
  color: var(--accent-clr);
}

.error-btn {
  color: var(--secondary-clr);
}

.average-btn::before{
  position: absolute;
  content:"";
  bottom: -0.5rem;
  left:0;
  width:100%;
  height: 0.2rem;
  background: var(--accent-clr);
  transition:0.3s ease-in-out;
}

.home-btn::before {
  background: var(--accent-clr);
}

.error-btn::before {
  background: var(--secondary-clr);
}

.average-btn:hover {
  opacity: 1;
}

.home-btn:hover {
  opacity:0.7;
}

.average-btn i {
  font-size: 1.4rem;
  color: var(--font-light);
}


  /* sections */
  .home-sec {
    position: relative;
    width: 100%;
    min-height: calc(100vh - 6rem);
    margin-top: 6rem;
    margin-bottom: 4rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 2.5%;
  }

  .consult-sec {
    background: radial-gradient(circle at 50% 50%, #335145 20%, #1C5253);
    justify-content: center;
    background-image: radial-gradient(circle at top right, 
    #335145 0%, 
    #406556 48%,
    #157547 48%, 
    #157547 53%,
    #1b9b5d 53%, 
    #1b9b5d 56%,
    #1fc072 56%, 
    #1fc072 69%,
    #2afc98 69%, 
    #2afc98 100%);
  }

  .contact-sec {
    justify-content: center;
    margin-bottom: 0;
    padding: 8rem 0;
  }

  .gen-sec {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 4rem 0;
  }

  .bottom-sec {
    margin-bottom: 8rem;
  }

  .top-bottom-sec {
    margin: 8rem 0;
  }

  .columned {
    flex-direction: column;
    gap: 4rem;
  }

  .colored-sec {
    background: var(--glass-clr);
  }

  .padded {
    padding: 4rem 0;
  }

  .more-padding {
    padding: 8rem 0;
  }

  .menu-margined {
    margin-top: 6rem;
  }

  .no-margin-top {
    margin-top: 0;
  }

  .no-margin-bottom {
    margin-bottom: 0;
  }

  .gen-cnt {
    position: relative;
    width: 95%;
    height: auto;
    display:flex;
    justify-content: space-between;
    align-items: center;
    gap:4rem;
  }

  .row-reversed {
    flex-direction: row-reverse;
  }

  .align-start {
    align-items: flex-start;
  }

  .about-top-cnt {
    position: relative;
    width: 95%;
    height: auto;
    padding: 1rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2rem;
    border: 0.1rem solid var(--primary-clr);
  }

  .centered {
    justify-content: center;
    align-items: center;
  }

  .gen-dark-cnt {
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--darker-glass-clr);
    opacity: 0.6;
  }

  .wrapper-cnt {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 4rem;
  }

  .small-gap {
    gap: 2rem;
  }

  .gen-darker-cnt {
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #000, #000, transparent, transparent);
  }

  .home-socials,
  .loader-socials {
    position: absolute;
    bottom: 4rem;
    width: auto;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .loader-socials {
    left: 5%;
  }

  .gen-inner-cnt {
    position: relative;
    width: 50%;
    height: auto;
    display: flex;
  }

  .with-height {
    min-height: 40rem;
    padding: 2rem;
  }

  .timeline-cnt {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95%;
    flex-direction: column;
}

.timeline-items {
    position: relative;
    max-width: 100rem;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 4rem;
}

.timeline-items::before {
    content: "";
    position: absolute;
    width: 0.2rem;
    height: 100%;
    background: var(--primary-clr);
    left: calc(50% - 0.1rem);
}

.timeline-item {
    position: relative;
    width: 100%;
    margin-bottom: 4rem;
}

.timeline-item:last-child {
    margin-bottom: 0;
}

.timeline-item:nth-child(odd) {
    padding-right: calc(50% + 3rem);
    text-align: right;
}

.timeline-item:nth-child(even) {
    padding-left: calc(50% + 3rem);
}

.timeline-dot {
    position: absolute;
    left: calc(50% - 0.8rem);
    top: 1rem;
    height: 1.8rem;
    width: 1.8rem;
    background: var(--body-clr);
    border-radius: 50%;
    border: 0.2rem solid var(--secondary-clr);
}

.timeline-date {
    font-size: 1.4rem;
    letter-spacing: 0.1rem;
    font-weight: 600;
    color: var(--accent-clr);
    pointer-events: none;
    user-select: none;
    margin: 0.5rem 0 1.5rem;
}

.timeline-inner-cnt {
    background: rgba(255,255,255,0.05);
    border: 0.1rem solid rgba(241, 249, 236, 0.15);
    box-shadow: 0 1rem 1rem rgba(0,0,0,0.5);
    border-radius: 0.5rem;
    padding: 2rem;
}

.timeline-inner-cnt h3,
.client-head {
    font-family: Headers;
    font-size: 2.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.timeline-inner-cnt p {
    font-size: 1.4rem;
    letter-spacing: 0.1rem;
    line-height: 2.5rem;
    opacity: 0.75;
}

.client-cnt {
  position: relative;
  width: 15rem;
  height: 20rem;
  background: var(--glass-clr);
  border: var(--border);
  border-radius: var(--small-radius);
  box-shadow: var(--small-shadow);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem;
  transition: 0.3s ease-in-out;
}

.client-cnt:hover {
  transform: scale(0.95vvv);
}

.inner-client-cnt {
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  height: 15rem;
}

.client-head {
  position: absolute;
  bottom: 0.5rem;
  z-index: 10;
  color: var(--font-light);
  font-weight: 300;
  text-align: center;
}


  /* FAQ Page */
  .faq-sec {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .faq-container {
    position: relative;
    width: 60%;
    margin-top: 4rem;
    margin-bottom: 8rem;
    margin-left: 2.5%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap:3.5rem;
  }

  .faq-inner-cnt {
    position: relative;
    width:100%;
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
  }

  .faq {
    position: relative;
    width:100%;
    padding-bottom: 1rem;
    border-bottom: 0.1rem solid var(--font-light);
    transition: 0.3s ease-in-out;
  }
  
  .faq.open {
    border-bottom: 0.1rem solid var(--accent-clr);
  }
  
  .faq-question {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    user-select: none;
  }

  .faq-line{
    position: absolute;
    left:0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.5rem;
    height: 3.5rem;
    background-color: var(--secondary-clr);
    opacity:0;
    user-select: none;
    pointer-events: none;
    transition:0.3s ease-in-out;
  }

  .faq.open .faq-line {
    opacity: 1;
  }
  
  .faq-query {
    position: relative;
    width: fit-content;
    font-size: 2.25rem;
    font-family: Headers;
    letter-spacing: 0.2rem;
    font-weight: 100;
    opacity: 0.7;
    transition: 0.3s ease-in-out;
  }
  
  .faq-query.large-query {
    font-size: 2.5rem;
  }
  
  .faq.open .faq-query {
    color: var(--primary-clr);
    margin-left: 1.25rem;
    opacity: 1;
  }
  
  .faq-icon {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease-in-out;
  }
  
  .faq-icon i {
    font-size: 1.7rem;
    color: var(--font-light);
    opacity: 0.7;
    transition: 0.3s ease-in-out;
  }
  
  .faq.open .faq-icon i {
    color: var(--primary-clr);
    transform: rotate(540deg);
    opacity: 1;
  }
  
  .faq-answer {
    position: relative;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 2rem;;
    transition: max-height 0.6s ease-in-out;
  }
  
  .faq.open .faq-answer {
    max-height: 100rem;
    animation: fade 1.2s ease-in-out;
  }
  
  .faq-answer p {
    padding-top: 1rem;
    font-size: 1.3rem;
    text-align: left;
    line-height: 2.5rem;
    user-select: none;
    pointer-events: none;
  }
  
  .faq-answer a {
    position: relative;
    line-height: 2.5rem;
    pointer-events: auto;
    color: var(--font-light);
    text-decoration: underline;
    text-decoration-color: var(--primary-clr);
    text-decoration-thickness: 0.2rem;
    transition: 0.3s;
  }
  .faq-answer a:hover {
    color: var(--primary-clr);
    opacity: 1;
  }
  
  .faq-answer ul {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap:0.5rem;
    padding: 0 2rem
  }
  
  .faq-answer ul li {
    position: relative;
    width: 100%;
    font-size: 1.2rem;
    opacity: 0.8;
    text-align: left;
    line-height: 2.5rem;
    user-select: none;
    pointer-events: none;
  }
  
  .faq-answer ul li > ul li {
    opacity: 1;
    font-size: 1.1rem;
  }
  
  .faq-answer ul li > ul li::marker {
    content: "\27AE"
  }
  
  .faq-answer ul li::marker {
      content: "\027A3 ";
      font-size: 1.2rem;
      color: var(--font-light);
  }
  
  @keyframes fade{
    from {
      opacity: 0;
      transform: translateY(-1rem);
    }
    to {
      opacity: 1;
      transform: translateY(0rem);
    }
  }

  /* termsand conditions / privacy policy */
  .terms-head {
    position: relative;
    font-family: Headers;
    font-size: 2.5rem;
    font-weight: 700;
    color:var(--primary-clr);
  }

  .smaller-head {
    font-size: 2.25rem;
    font-weight: 700;
    color: var(--font-light);
  }

  .terms-head::before,
  .smaller-head::before {
    position: absolute;
    left: -0.5rem;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    height: 3.5rem;
    width: 0.5rem;
    background: var(--secondary-clr);
    z-index: -1;
  }

  .smaller-head::before {
    height: 2.5rem;
  }

  .terms-ul {
    position: relative;
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap:0.5rem;
    flex-direction: column;
  }

  .faq-inner-cnt hr {
    position: relative;
    width:100%;
    height:0.1rem;
    background: var(--accent-clr);
    border: none;
    outline: none;
  }

  .terms-ul li {
    position:relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width:100%;
    gap: 0.5rem;
  }

  .terms-ul li i {
    font-size: 1.3rem;
    color: var(--primary-clr);
  }

  .terms-ul li p,
  .terms-ul li .terms-p {
    font-size: 1.3rem;
    letter-spacing: 0.1rem;
    opacity: 0.7;
  }

  .terms-ul li .terms-p {
    font-size: 1.5rem;
  }


  /* images */
  .img-cnt {
    position: relative;
    width: 40rem;
    height: 40rem;
    background: var(--glass-clr);
    box-shadow: var(--small-shadow);
    overflow: hidden;
  }

  .sub-img {
    position: relative;
    width: 15rem;
    height: 15rem;
    background: var(--light-glass-clr);
  }

  .gen-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .within-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    height: 95%;
    object-fit: cover;
  }


  /* contact page */
  .submitted {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 2rem;
  }

  .sub-contact-cnt {
    position: relative;
    width: 40%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
    flex-direction: column;
  }

  .sub-contact-cnt small {
    font-family: Headers;
    font-size: 2rem;
    font-weight: 700;
    opacity: 0.6;
    letter-spacing: 0.2rem;
  }

  .contact-cnt {
    position: relative;
    width: 80%;
    min-height: calc(30vh - 6rem);
    background: var(--glass-clr);
    backdrop-filter: blur(0.25rem);
    border: var(--border);
    box-shadow: var(--shadow);
    border-radius: var(--small-radius);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 2rem 1rem;
  }

  .contact-cnt.consult-dark-cnt {
    background: var(--darker-glass-clr);
  }

  .contact-inner-cnt {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 1rem;
  }

  .contact-inner-cnt .row-100 {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-gap: 1rem;
  }
  
  .contact-inner-cnt .row-100.row-50 {
    width: 50%;
  }

  .contact-inner-cnt .row-100 .col {
    position: relative;
    width: 100%;
    margin: 3rem 0 1rem;
    transition: 0.3s;
  }

  .contact-inner-cnt .row-100 .input-bx {
    position: relative;
    width: 100%;
    height: 3.5rem;
    color: var(--primary-clr);
  }

  .contact-inner-cnt .row-100 .input-bx .errorlist {
    position: absolute;
    top: 100%;
  }

  .contact-inner-cnt .row-100 .input-bx .errorlist li {
    color: var(--font-light);
    font-size: 1rem;
    width: 100%;
    height: 100%;
    padding: 0 0.5rem;
    display: flex;
    align-items: center;
    background: var(--secondary-clr);
  }

  .contact-inner-cnt .row-100 .input-bx input,
  .contact-inner-cnt .row-100.row-50 .input-bx input,
  .contact-inner-cnt .row-100 .input-bx select,
  .contact-inner-cnt .row-100 .input-bx.textarea textarea {
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: none;
    background: transparent;
    border: none;
    outline: none;
    font-family: General;
    font-size: 1.3rem;
    color:var(--font-light);
    letter-spacing: 0.15rem;
    padding: 0.5rem;
    z-index: 10;
  }

  .contact-inner-cnt .row-100.row-50.fichwa {
    display: none;
  }

  .contact-inner-cnt .row-100 .input-bx select {
    background: var(--glass-clr);
  }

  .contact-inner-cnt .row-100 .input-bx select option {
    background: var(--body-dark);
  }

  .contact-inner-cnt .row-100 .input-bx .contact-txt {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 4rem;
    font-size: 2rem;  
    font-family: Headers;
    padding:0 0.5rem;
    display: block;
    transition: 0.3s;
    pointer-events: none;
    user-select: none;
  }

  .contact-inner-cnt .row-100 .input-bx input:focus + .contact-txt,
  .contact-inner-cnt .row-100 .input-bx input:valid + .contact-txt  {
    top: -3.5rem;
    left: -0.5rem;
    font-size: 1.8rem;
    color: var(--font-light);
    opacity: 0.8;
  }

  .contact-inner-cnt .row-100 .input-bx .captcha-question,
  .contact-inner-cnt .row-100 .input-bx .all-the-way-up {
    position: absolute;
    top: -2.5rem;
    left: -0.5rem;
    padding:0 0.5rem;
    font-size: 1.8rem;
    font-family: Headers;
    color: var(--font-light);
    opacity: 0.8;
    pointer-events: none;
    user-select: none;
  }

  .contact-inner-cnt .row-100 .input-bx .all-the-way-up {
    top: -3.5rem;
  }

  .contact-inner-cnt .row-100 .input-bx .contact-line {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 0.1rem;
    background: linear-gradient(45deg, var(--secondary-clr), var(--primary-clr));
    transition:0.3s;
    pointer-events: none;
    border-radius: 0.2rem;
  }

  .contact-inner-cnt .row-100 .input-bx input:focus ~ .contact-line,
  .contact-inner-cnt .row-100 .input-bx input:valid ~ .contact-line {
    height: 100%;
    background: var(--glass-clr);
    border: 0.1rem solid var(--font-light);
  }

  .contact-inner-cnt .row-100.row-50 .input-bx .contact-line,
  .contact-inner-cnt .row-100 .input-bx.all-to-the-top .contact-line  {
    height: 100%;
    background:var(--glass-clr) ;
    border: 0.1rem solid var(--font-light);
  }

  .contact-inner-cnt .row-100 .input-bx.textarea {
    position: relative;
    width: 100%;
    height: 20rem;
    padding: 0.5rem 0;
  }

  .contact-inner-cnt .row-100 .input-bx.textarea textarea {
    height: 100%;
    resize: none;
    overflow-y: scroll;
  }

  .contact-inner-cnt .row-100 .input-bx textarea:focus + .contact-txt,
  .contact-inner-cnt .row-100 .input-bx textarea:valid + .contact-txt {
    top: -3.5rem;
    left: -0.5rem;
    font-size: 1.8rem;
    color: var(--font-light);
    opacity: 0.8;
  }

  .contact-inner-cnt .row-100 .input-bx textarea:focus ~ .contact-line,
  .contact-inner-cnt .row-100 .input-bx textarea:valid ~ .contact-line {
    height: 100%;
    background: var(--glass-clr);
    border: 0.1rem solid var(--font-light);
  }

  .field-error,
  .form-help-text {
    position: relative;
    font-size: 1.2rem;
    line-height: 2rem;
    letter-spacing: 0.1rem;
    color: var(--secondary-clr);
    margin-top: 0.25rem;
    pointer-events: none;
    user-select: none;
    font-weight: 600;
  }

  .form-help-text {
    color: var(--font-light);
    opacity: 0.6;
    font-weight: 300;
  }


  /* home page */
  .moving-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--accent-clr);
    background: linear-gradient(225deg, #335145, #1C5253);
    overflow: hidden;
    z-index: -1;
  }

  .c {
    width: 240px;
    height: 240px;
    border: 3px solid var(--font-light);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, -50px);
  }
  
  .c:after {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 10px solid var(--primary-clr);
    border-top-color: transparent;
    border-bottom-color: transparent;
    animation: R 10s infinite linear;
  }
  
  .c2 {
    width: 100%;
    height: 100%;
    border: 1px solid var(--accent-clr);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 1px;
    animation: L 80s infinite linear;
    box-sizing: border-box;
  }
  
  .c3 {
    width: 33%;
    height: 33%;
    border: 2px solid var(--secondary-clr);
    border-radius: 50%;
    transform: translate3d(-50%, -50%, 5px);
    position: absolute;
    top: 50%;
    left: 50%;
  }

  .c3:after {
    content: "";
    position: absolute;
    left: -5px;
    top: -5px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 5px solid var(--secondary-clr);
    border-top-color: transparent;
    border-bottom-color: transparent;
    animation: L 5s infinite linear;
  }
  
  .c4 {
    width: 75px;
    height: 75px;
    transform: translate3d(-50%, -50%, 0px);
    position: absolute;
    left: 50%;
    top: 50%;
  }

  .c4:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: -3px;
    top: -3px;
    border-radius: 50%;
    border: 3px solid var(--primary-clr);
    border-left-color: transparent;
    animation: R 5s infinite linear;
  }
  
  .c5 {
    width: 77px;
    height: 77px;
    transform: translate3d(-50%, -50%, 65px);
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
  }

  .c5:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: -1px;
    top: -1px;
    border: 1px solid var(--accent-clr);
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: L 5s infinite linear;
  }
  
  .c6 {
    width: 55px;
    height: 55px;
    transform: translate3d(-50%, -50%, 61px);
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
  }

  .c6:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: -1px;
    top: -1px;
    border: 1px solid var(--accent-clr);
    border-right-color: transparent;
    border-top-color: transparent;
    border-radius: 50%;
    animation: R 10s infinite linear;
  }
  
  .home-f-i {
    height: 15px;
    width: 1px;
    background: var(--font-light);
    position: absolute;
    left: 50%;
    margin-left: -10px;
    transform-origin: 1000% 1005%;
  }
  
  .home-f-i:nth-child(1) {
    transform: rotate(-5deg);
  }

  .home-f-i:nth-child(2) {
    transform: rotate(5deg);
  }

  .home-f-i:nth-child(3) {
    transform: rotate(15deg);
  }

  .home-f-i:nth-child(4) {
    transform: rotate(25deg);
  }

  .home-f-i:nth-child(5) {
    transform: rotate(35deg);
  }

  .home-f-i:nth-child(6) {
    transform: rotate(45deg);
  }

  .home-f-i:nth-child(7) {
    transform: rotate(55deg);
  }

  .home-f-i:nth-child(8) {
    transform: rotate(65deg);
  }

  .home-f-i:nth-child(9) {
    transform: rotate(75deg);
  }

  .home-f-i:nth-child(10) {
    transform: rotate(85deg);
  }

  .home-f-i:nth-child(11) {
    transform: rotate(95deg);
  }

  .home-f-i:nth-child(12) {
    transform: rotate(105deg);
  }

  .home-f-i:nth-child(13) {
    transform: rotate(115deg);
  }

  .home-f-i:nth-child(14) {
    transform: rotate(125deg);
  }

  .home-f-i:nth-child(15) {
    transform: rotate(135deg);
  }

  .home-f-i:nth-child(16) {
    transform: rotate(145deg);
  }

  .home-f-i:nth-child(17) {
    transform: rotate(155deg);
  }

  .home-f-i:nth-child(18) {
    transform: rotate(165deg);
  }

  .home-f-i:nth-child(19) {
    transform: rotate(175deg);
  }

  .home-f-i:nth-child(20) {
    transform: rotate(185deg);
  }

  .home-f-i:nth-child(21) {
    transform: rotate(195deg);
  }

  .home-f-i:nth-child(22) {
    transform: rotate(205deg);
  }

  .home-f-i:nth-child(23) {
    transform: rotate(215deg);
  }

  .home-f-i:nth-child(24) {
    transform: rotate(225deg);
  }
  
  .home-f-i:nth-child(25) {
    transform: rotate(235deg);
  }

  .home-f-i:nth-child(26) {
    transform: rotate(245deg);
  }

  .home-f-i:nth-child(27) {
    transform: rotate(255deg);
  }

  .home-f-i:nth-child(28) {
    transform: rotate(265deg);
  }

  .home-f-i:nth-child(29) {
    transform: rotate(275deg);
  }

  .home-f-i:nth-child(30) {
    transform: rotate(285deg);
  }

  .home-f-i:nth-child(31) {
    transform: rotate(295deg);
  }

  .home-f-i:nth-child(32) {
    transform: rotate(305deg);
  }

  .home-f-i:nth-child(33) {
    transform: rotate(315deg);
  }

  .home-f-i:nth-child(34) {
    transform: rotate(325deg);
  }

  .home-f-i:nth-child(35) {
    transform: rotate(335deg);
  }

  .home-f-i:nth-child(36) {
    transform: rotate(345deg);
  }

  .home-f-i:nth-child(37) {
    transform: rotate(355deg);
  }

  .home-f-i:nth-child(38) {
    transform: rotate(365deg);
  }
  
.home-figure {
    width: 305px;
    height: 305px;
    margin: 0;
    position: absolute;
    left: 65%;
    top: 50%;
    transform: translate(0, -50%) rotateX(-40deg) rotateY(30deg)
      scale(1.75, 1.75);
      background-color: transparent;
    transition: 3.5s;
    transform-style: preserve-3d;
  }

.home-sec:hover .home-figure {
    transform: translate(0, -50%) rotateX(0deg) rotateY(0deg) scale(1.75, 1.75);
  }
  
  @keyframes R {
    0% {
      transform: rotate(20deg);
    }
    100% {
      transform: rotate(380deg);
    }
  }

  @keyframes L {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-360deg);
    }
  }

  .home-cnt {
    position: relative;
    width: 45%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }

  .home-head {
    font-size: 3.75rem;
    background: linear-gradient(to bottom, var(--font-light), var(--accent-clr));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 100;
    line-height: 4.5rem;
    margin-bottom: 2rem;
  }

  .error-head {
    background: linear-gradient(to bottom, var(--font-light), var(--secondary-clr));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .home-small {
    position: relative;
    font-family: Headers;
    font-size: 1.7rem;
    margin-bottom: 1.5rem;
    pointer-events: none;
    user-select: none;
  }

  .home-small::before {
    position: absolute;
    content: "";
    width: 20%;
    height: 0.1rem;
    bottom: -0.25rem;
    left: 0;
    background: var(--font-light);
  }

  .btn-cnt,
  .btn-cnt-cntered {
    position: relative;
    margin-top: 2rem;
    width: 100%;
    height:auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2rem;
  }

  .btn-cnt-cntered {
    margin-top: 4rem;
    justify-content: center;
  }

  .hm-pg-abt-wr {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 3rem;
    gap: 2rem;
}

.hm-pg-abt-ic {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    z-index: 2;
}

.hm-pg-abt-ic span {
    position: relative;
    height: 10rem;
    width: 10rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--light-glass-clr);
    border:var(--border);
    box-shadow: var(--shadow);
    border-radius: 50%;
    z-index: 2;
    transition: 0.3s;
}

.hm-pg-abt-ic span svg {
    width: 6rem;
    height: 6rem;
}

.hm-pg-abt-ic span svg path,
.hm-pg-abt-ic span svg rect {    
    fill: var(--accent-clr);
    transition: 0.3s;
}

.hm-pg-abt-ic .tooltip {
    position: absolute;
    top: 0rem;
    user-select: none;
    pointer-events: none;
    font-family: Headers;
    font-size: 2.5rem;
    background: var(--secondary-clr);
    box-shadow: 0 1rem 1rem rgba(0,0,0,0.5);
    padding: 1rem 2rem;
    border-radius: 0.5rem;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.255, 1.55);
}

.hm-pg-abt-ic .tooltip::before {
    position: absolute;
    content: "";
    height: 2rem;
    width: 2rem;
    bottom: -1rem;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    background: var(--secondary-clr);
}

.hm-pg-abt-ic:hover .tooltip {
    top: -7rem;
    opacity: 1;
}

.hm-pg-abt-ic:hover span {
    transform: scale(0.9);
}

.hm-pg-abt-ic:hover span svg path,
.hm-pg-abt-ic:hover span svg rect {
    fill: var(--secondary-clr);
}


  /* headers */
  .header-sec {
    position: relative;
    width: 100%;
    height: 40vh;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10rem;
    margin-bottom: 4rem;
  }

  .header-cnt {
    position: relative;
    width: 95%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:var(--small-radius);
    box-shadow: var(--small-shadow);
  }


  /* cards */
  .card-cnt {
    position: relative;
    width: 30rem;
    height: 40rem;
    background: var(--light-glass-clr);
    border-radius: var(--small-radius);
    box-shadow: var(--shadow);
    border: var(--border);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

  .card-img-cnt {
    position: relative;
    width: 100%;
    height: 45%;
    border-radius: var(--small-radius);
  }

  .reading-time {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.75rem;
    background-color: var(--darker-glass-clr);
    backdrop-filter: blur(0.5rem);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    gap:0.5rem;
  }

  .reading-time span:nth-child(1),
  .reading-time span:nth-child(2) {
    width: 50%;
    font-size: 1rem;
    letter-spacing: 0.1rem;
    color: var(--font-light)
  }

  .reading-time span:nth-child(2) {
    color: var(--accent-clr);
    text-align: right;
  }

  .card-head {
    position: relative;
    width: fit-content;
    color: var(--secondary-clr);
    font-size: 2.35rem;
    font-family: Headers;
    font-weight: 600;
  }


/* Built Around You */
  #gentleman {
    width: 182px;
    height: 350px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background:
      /* Hairs */ conic-gradient(
          from 0 at 0 15px,
          transparent 80deg,
          var(--font-dark) 80deg
        )
        34px 0 / 82px 38px,
      conic-gradient(
          from 180deg at 100% 24px,
          transparent 10deg,
          var(--font-dark) 10deg 138deg,
          transparent 138deg
        )
        115px 0 / 22px 122px,
      conic-gradient(
          from 0 at 0 20px,
          transparent 30deg,
          var(--font-dark) 30deg 162deg,
          transparent 162deg
        )
        22px 15px / 18px 62px,
      /* Face Shadow */
        conic-gradient(from 90deg at 0 0, var(--font-dark) 74deg, transparent 74deg) 42px
        100px / 60px 60px,
      /* Neck */
        conic-gradient(
          from 0 at 0 100%,
          var(--font-dark) 12deg,
          var(--accent-clr) 12deg 34deg,
          var(--font-light) 34deg
        )
        102px 128px / 18px 60px,
      conic-gradient(
          from -90deg at 17px 100%,
          transparent 47deg,
          var(--font-dark) 47deg 148deg,
          transparent 148deg
        )
        60px 160px / 42px 44px,
      /* Ears */
        conic-gradient(from -55deg at 8px 100%, var(--accent-clr) 88deg, transparent 88deg)
        120px 76px / 20px 30px,
      conic-gradient(from -33deg at 12px 100%, var(--font-dark) 88deg, transparent 88deg) 24px
        76px / 20px 30px,
      /* Body */
        conic-gradient(
          from -90deg at 24px 100%,
          transparent 80deg,
          var(--font-light) 80deg 106deg,
          transparent 106deg
        )
        57px 178px / 64px 144px,
      conic-gradient(
          from 0deg at 0 36px,
          transparent 58deg,
          var(--font-dark) 58deg 154deg,
          transparent 154deg
        )
        0 bottom / 82px 154px,
      conic-gradient(
          from 180deg at 100% 24px,
          transparent 30deg,
          var(--font-dark) 30deg 110deg,
          transparent 110deg
        )
        right bottom / 100px 170px;
    background-repeat: no-repeat;
    z-index: -1;
  }
  
  #gentleman::before,
  #gentleman::after {
    content: "";
    display: block;
    position: absolute;
  }
  
  #gentleman::before {
    left: 70px;
    top: 210px;
    width: 23px;
    height: 114px;
    background-color: var(--secondary-clr);
    clip-path: polygon(
      7px 0,
      19px 16px,
      13px 22px,
      23px 71px,
      11px 100%,
      3px 69px,
      7px 22px,
      0 12px
    );
  }
  
  #gentleman::after {
    position: absolute;
    left: 35px;
    top: 15px;
    width: 85px;
    height: 160px;
    background: 
      /* Mouth */ linear-gradient(var(--font-dark) 3px, var(--primary-clr) 4px) 36px 140px /
        24px 6px,
      radial-gradient(circle at center -6px, var(--font-dark) 11px, transparent 12px) 36px
        145px / 24px 6px,
      /* Eyes */
        radial-gradient(circle at center -6px, var(--font-dark) 11px, transparent 12px) 10px
        74px / 24px 6px,
      radial-gradient(circle at center -6px, var(--font-dark) 11px, transparent 12px) 51px
        74px / 24px 6px,
      /* Nose */
        conic-gradient(from -66deg at 13px 100%, var(--font-dark) 103deg, transparent 104deg)
        35px 130px / 20px 8px,
      linear-gradient(90deg, var(--font-dark) 4px, var(--primary-clr) 5px) 35px 62px / 14px 70px,
      /* Eyebrows */ linear-gradient(var(--font-dark) 18px, var(--primary-clr) 18px 28px, var(--font-dark) 28px) 8px
        62px / 72px 8px,
      /* Shadow */
        conic-gradient(from -11deg at 14px 58px, var(--primary-clr) 34deg, var(--font-light) 35deg) right
        bottom / 36px 90px;
    background-repeat: no-repeat;
    background-color: var(--primary-clr);
    clip-path: polygon(
      0 16px,
      16px 10px,
      34px 21px,
      61px 0,
      100% 8px,
      100% 117px,
      63px 100%,
      37px 100%,
      5px 75px
    );
  }

  .blanket {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 0.1rem solid rgba(239, 255, 246, 0.25);
    border-left: 0.1rem solid rgba(239, 255, 246, 0.25);
    background: var(--light-glass-clr);
    box-shadow: var(--small-shadow);
    border-radius: var(--small-radius);
    backdrop-filter: blur(0.5rem);
    z-index: 10;
    transition: 1s ease-in-out
  }

  .gen-sec:hover  .blanket {
    backdrop-filter: blur(0px);
  }

  /* unacceptable design */
  .stars-cnt {
    position: relative;
    width: 100%;
    height: calc(100vh - 6rem);
    background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
    overflow: hidden;
  }
  
  #stars {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 708px 444px var(--font-light) , 639px 504px var(--font-light) , 1089px 704px var(--font-light) , 681px 505px var(--font-light) , 1468px 2px var(--font-light) , 744px 1357px var(--font-light) , 1898px 245px var(--font-light) , 1041px 1112px var(--font-light) , 913px 1409px var(--font-light) , 983px 1668px var(--font-light) , 1058px 885px var(--font-light) , 47px 84px var(--font-light) , 1705px 806px var(--font-light) , 1493px 249px var(--font-light) , 1848px 441px var(--font-light) , 594px 594px var(--font-light) , 990px 1708px var(--font-light) , 1517px 1865px var(--font-light) , 1228px 1868px var(--font-light) , 607px 142px var(--font-light) , 62px 1437px var(--font-light) , 1847px 724px var(--font-light) , 177px 1984px var(--font-light) , 1225px 76px var(--font-light) , 1850px 79px var(--font-light) , 1685px 518px var(--font-light) , 1760px 1495px var(--font-light) , 427px 555px var(--font-light) , 1724px 1203px var(--font-light) , 1985px 1084px var(--font-light) , 1766px 85px var(--font-light) , 877px 887px var(--font-light) , 1751px 670px var(--font-light) , 20px 1206px var(--font-light) , 1587px 528px var(--font-light) , 183px 838px var(--font-light) , 920px 60px var(--font-light) , 249px 1008px var(--font-light) , 1957px 1460px var(--font-light) , 1745px 1864px var(--font-light) , 721px 1042px var(--font-light) , 574px 1902px var(--font-light) , 1242px 1041px var(--font-light) , 1177px 953px var(--font-light) , 330px 241px var(--font-light) , 902px 1809px var(--font-light) , 253px 481px var(--font-light) , 349px 1969px var(--font-light) , 1530px 184px var(--font-light) , 815px 492px var(--font-light) , 1797px 1760px var(--font-light) , 1780px 84px var(--font-light) , 1156px 1483px var(--font-light) , 593px 1795px var(--font-light) , 792px 116px var(--font-light) , 1867px 1339px var(--font-light) , 1437px 1623px var(--font-light) , 1284px 1112px var(--font-light) , 102px 354px var(--font-light) , 1706px 972px var(--font-light) , 1914px 518px var(--font-light) , 1631px 1785px var(--font-light) , 1977px 1557px var(--font-light) , 434px 175px var(--font-light) , 886px 4px var(--font-light) , 1763px 1684px var(--font-light) , 1608px 1449px var(--font-light) , 928px 451px var(--font-light) , 1974px 84px var(--font-light) , 477px 1695px var(--font-light) , 1171px 567px var(--font-light) , 916px 1811px var(--font-light) , 616px 1405px var(--font-light) , 784px 13px var(--font-light) , 1357px 340px var(--font-light) , 1401px 1972px var(--font-light) , 221px 1785px var(--font-light) , 488px 534px var(--font-light) , 1269px 408px var(--font-light) , 1457px 1168px var(--font-light) , 1149px 1899px var(--font-light) , 907px 293px var(--font-light) , 596px 198px var(--font-light) , 1753px 1190px var(--font-light) , 406px 600px var(--font-light) , 192px 1961px var(--font-light) , 1676px 529px var(--font-light) , 1482px 1376px var(--font-light) , 1359px 1559px var(--font-light) , 1513px 796px var(--font-light) , 1012px 1490px var(--font-light) , 485px 1747px var(--font-light) , 115px 744px var(--font-light) , 18px 1473px var(--font-light) , 952px 1101px var(--font-light) , 393px 217px var(--font-light) , 866px 12px var(--font-light) , 1556px 29px var(--font-light) , 1821px 1895px var(--font-light) , 1891px 944px var(--font-light) , 1870px 1254px var(--font-light) , 395px 1883px var(--font-light) , 764px 1232px var(--font-light) , 1333px 1898px var(--font-light) , 1614px 1583px var(--font-light) , 793px 9px var(--font-light) , 655px 455px var(--font-light) , 8px 1021px var(--font-light) , 656px 1714px var(--font-light) , 229px 1831px var(--font-light) , 1356px 1323px var(--font-light) , 1626px 751px var(--font-light) , 1965px 377px var(--font-light) , 1450px 974px var(--font-light) , 693px 660px var(--font-light) , 938px 970px var(--font-light) , 223px 471px var(--font-light) , 1816px 706px var(--font-light) , 819px 740px var(--font-light) , 746px 1408px var(--font-light) , 1018px 519px var(--font-light) , 678px 388px var(--font-light) , 1884px 168px var(--font-light) , 1916px 1277px var(--font-light) , 1165px 1257px var(--font-light) , 1700px 1839px var(--font-light) , 1282px 1147px var(--font-light) , 1145px 1664px var(--font-light) , 1816px 1730px var(--font-light) , 1573px 1580px var(--font-light) , 353px 1940px var(--font-light) , 607px 705px var(--font-light) , 910px 346px var(--font-light) , 211px 1737px var(--font-light) , 371px 27px var(--font-light) , 31px 1011px var(--font-light) , 966px 1576px var(--font-light) , 1648px 1472px var(--font-light) , 1749px 1725px var(--font-light) , 151px 339px var(--font-light) , 1858px 865px var(--font-light) , 1980px 1366px var(--font-light) , 1802px 946px var(--font-light) , 1295px 245px var(--font-light) , 1871px 13px var(--font-light) , 1340px 1886px var(--font-light) , 1340px 1644px var(--font-light) , 705px 1546px var(--font-light) , 147px 417px var(--font-light) , 896px 662px var(--font-light) , 1054px 1853px var(--font-light) , 1144px 539px var(--font-light) , 1484px 1157px var(--font-light) , 916px 1863px var(--font-light) , 936px 1159px var(--font-light) , 428px 924px var(--font-light) , 525px 1237px var(--font-light) , 814px 321px var(--font-light) , 327px 413px var(--font-light) , 439px 850px var(--font-light) , 1612px 1846px var(--font-light) , 370px 1991px var(--font-light) , 1296px 1314px var(--font-light) , 683px 1028px var(--font-light) , 53px 840px var(--font-light) , 617px 988px var(--font-light) , 1388px 1057px var(--font-light) , 323px 1738px var(--font-light) , 1388px 1472px var(--font-light) , 1142px 1105px var(--font-light) , 1739px 1306px var(--font-light) , 1089px 1355px var(--font-light) , 853px 1864px var(--font-light) , 1464px 1670px var(--font-light) , 1124px 1124px var(--font-light) , 230px 777px var(--font-light) , 46px 192px var(--font-light) , 1786px 1956px var(--font-light) , 732px 1823px var(--font-light) , 1258px 1103px var(--font-light) , 154px 1308px var(--font-light) , 1679px 900px var(--font-light) , 1746px 1767px var(--font-light) , 464px 1510px var(--font-light) , 1837px 171px var(--font-light) , 1998px 793px var(--font-light) , 1286px 693px var(--font-light) , 1160px 72px var(--font-light) , 1272px 1826px var(--font-light) , 463px 297px var(--font-light) , 764px 1277px var(--font-light) , 438px 1932px var(--font-light) , 171px 1038px var(--font-light) , 1100px 1707px var(--font-light) , 645px 249px var(--font-light) , 1058px 1663px var(--font-light) , 1300px 1861px var(--font-light) , 342px 90px var(--font-light) , 1107px 1992px var(--font-light) , 601px 962px var(--font-light) , 1651px 1583px var(--font-light) , 1854px 333px var(--font-light) , 1162px 1888px var(--font-light) , 71px 884px var(--font-light) , 1518px 1012px var(--font-light) , 205px 1633px var(--font-light) , 1755px 621px var(--font-light) , 1934px 253px var(--font-light) , 483px 174px var(--font-light) , 301px 1200px var(--font-light) , 1203px 971px var(--font-light) , 676px 1916px var(--font-light) , 1645px 1647px var(--font-light) , 1921px 538px var(--font-light) , 1519px 769px var(--font-light) , 679px 471px var(--font-light) , 1440px 1873px var(--font-light) , 262px 1736px var(--font-light) , 330px 1570px var(--font-light) , 401px 1591px var(--font-light) , 198px 112px var(--font-light) , 1220px 1385px var(--font-light) , 1032px 1114px var(--font-light) , 427px 1102px var(--font-light) , 1472px 946px var(--font-light) , 1892px 99px var(--font-light) , 1688px 1198px var(--font-light) , 1740px 604px var(--font-light) , 1800px 1270px var(--font-light) , 1689px 412px var(--font-light) , 986px 222px var(--font-light) , 674px 1495px var(--font-light) , 306px 779px var(--font-light) , 34px 1173px var(--font-light) , 171px 1022px var(--font-light) , 1329px 1474px var(--font-light) , 1527px 646px var(--font-light) , 936px 828px var(--font-light) , 134px 1204px var(--font-light) , 1548px 1391px var(--font-light) , 1897px 1501px var(--font-light) , 570px 766px var(--font-light) , 1357px 1615px var(--font-light) , 790px 1389px var(--font-light) , 135px 1654px var(--font-light) , 1650px 782px var(--font-light) , 884px 629px var(--font-light) , 1173px 1438px var(--font-light) , 1790px 1152px var(--font-light) , 1065px 900px var(--font-light) , 1038px 101px var(--font-light) , 1689px 845px var(--font-light) , 265px 252px var(--font-light) , 1009px 195px var(--font-light) , 165px 273px var(--font-light) , 1608px 1077px var(--font-light) , 499px 1426px var(--font-light) , 1483px 1308px var(--font-light) , 333px 894px var(--font-light) , 1410px 1900px var(--font-light) , 2000px 829px var(--font-light) , 1288px 1894px var(--font-light) , 1046px 1505px var(--font-light) , 1672px 168px var(--font-light) , 1153px 1367px var(--font-light) , 27px 1193px var(--font-light) , 654px 754px var(--font-light) , 999px 58px var(--font-light) , 1824px 1707px var(--font-light) , 427px 927px var(--font-light) , 921px 417px var(--font-light) , 628px 633px var(--font-light) , 1347px 1081px var(--font-light) , 194px 854px var(--font-light) , 418px 1741px var(--font-light) , 860px 455px var(--font-light) , 967px 127px var(--font-light) , 906px 44px var(--font-light) , 1375px 449px var(--font-light) , 1110px 196px var(--font-light) , 1333px 672px var(--font-light) , 472px 1822px var(--font-light) , 1436px 247px var(--font-light) , 521px 1204px var(--font-light) , 1005px 351px var(--font-light) , 1155px 31px var(--font-light) , 1539px 792px var(--font-light) , 679px 351px var(--font-light) , 545px 1978px var(--font-light) , 1273px 779px var(--font-light) , 987px 87px var(--font-light) , 505px 1381px var(--font-light) , 437px 95px var(--font-light) , 58px 1470px var(--font-light) , 4px 1167px var(--font-light) , 1172px 340px var(--font-light) , 1928px 775px var(--font-light) , 1484px 731px var(--font-light) , 1258px 760px var(--font-light) , 1039px 1589px var(--font-light) , 1686px 986px var(--font-light) , 1935px 888px var(--font-light) , 268px 267px var(--font-light) , 1691px 1019px var(--font-light) , 1709px 1211px var(--font-light) , 422px 1631px var(--font-light) , 1798px 1539px var(--font-light) , 1692px 874px var(--font-light) , 1941px 739px var(--font-light) , 1680px 923px var(--font-light) , 385px 335px var(--font-light) , 382px 1946px var(--font-light) , 545px 775px var(--font-light) , 445px 1112px var(--font-light) , 165px 744px var(--font-light) , 1912px 348px var(--font-light) , 1867px 168px var(--font-light) , 416px 29px var(--font-light) , 1742px 1735px var(--font-light) , 1136px 137px var(--font-light) , 122px 833px var(--font-light) , 1933px 779px var(--font-light) , 648px 792px var(--font-light) , 1750px 1213px var(--font-light) , 203px 103px var(--font-light) , 1933px 926px var(--font-light) , 325px 1906px var(--font-light) , 1157px 1901px var(--font-light) , 197px 1580px var(--font-light) , 28px 118px var(--font-light) , 636px 183px var(--font-light) , 1551px 940px var(--font-light) , 785px 70px var(--font-light) , 849px 541px var(--font-light) , 1060px 106px var(--font-light) , 273px 1837px var(--font-light) , 696px 152px var(--font-light) , 1597px 1209px var(--font-light) , 1571px 1232px var(--font-light) , 1120px 565px var(--font-light) , 594px 888px var(--font-light) , 1487px 227px var(--font-light) , 1018px 655px var(--font-light) , 180px 1405px var(--font-light) , 1175px 1729px var(--font-light) , 775px 844px var(--font-light) , 1190px 555px var(--font-light) , 997px 1037px var(--font-light) , 426px 1742px var(--font-light) , 1241px 1913px var(--font-light) , 218px 191px var(--font-light) , 1244px 958px var(--font-light) , 1709px 1550px var(--font-light) , 201px 1772px var(--font-light) , 16px 1928px var(--font-light) , 1324px 1263px var(--font-light) , 512px 850px var(--font-light) , 1156px 1101px var(--font-light) , 1737px 55px var(--font-light) , 550px 1034px var(--font-light) , 506px 405px var(--font-light) , 928px 1403px var(--font-light) , 918px 797px var(--font-light) , 1527px 1597px var(--font-light) , 959px 1758px var(--font-light) , 1399px 677px var(--font-light) , 530px 1155px var(--font-light) , 89px 1741px var(--font-light) , 693px 945px var(--font-light) , 970px 1909px var(--font-light) , 1565px 1971px var(--font-light) , 432px 1829px var(--font-light) , 905px 1054px var(--font-light) , 573px 1479px var(--font-light) , 1210px 1253px var(--font-light) , 1367px 490px var(--font-light) , 1062px 1313px var(--font-light) , 1473px 1350px var(--font-light) , 1543px 48px var(--font-light) , 1851px 641px var(--font-light) , 915px 589px var(--font-light) , 1831px 1005px var(--font-light) , 639px 338px var(--font-light) , 1626px 844px var(--font-light) , 280px 1185px var(--font-light) , 1835px 592px var(--font-light) , 1013px 794px var(--font-light) , 1054px 301px var(--font-light) , 505px 1616px var(--font-light) , 1684px 1017px var(--font-light) , 569px 1771px var(--font-light) , 865px 1143px var(--font-light) , 231px 1269px var(--font-light) , 1778px 1999px var(--font-light) , 152px 747px var(--font-light) , 1506px 405px var(--font-light) , 1721px 456px var(--font-light) , 1492px 771px var(--font-light) , 1600px 631px var(--font-light) , 860px 1020px var(--font-light) , 854px 707px var(--font-light) , 1110px 1468px var(--font-light) , 1723px 198px var(--font-light) , 858px 1189px var(--font-light) , 1062px 426px var(--font-light) , 133px 610px var(--font-light) , 1715px 555px var(--font-light) , 1570px 1668px var(--font-light) , 1059px 414px var(--font-light) , 57px 83px var(--font-light) , 1369px 466px var(--font-light) , 19px 365px var(--font-light) , 1184px 1796px var(--font-light) , 751px 212px var(--font-light) , 1933px 1338px var(--font-light) , 139px 1068px var(--font-light) , 1367px 893px var(--font-light) , 1973px 752px var(--font-light) , 1869px 1231px var(--font-light) , 840px 1014px var(--font-light) , 1518px 1770px var(--font-light) , 965px 1235px var(--font-light) , 30px 1577px var(--font-light) , 198px 1212px var(--font-light) , 1339px 398px var(--font-light) , 868px 31px var(--font-light) , 1415px 675px var(--font-light) , 1491px 36px var(--font-light) , 434px 236px var(--font-light) , 336px 1523px var(--font-light) , 1745px 1194px var(--font-light) , 369px 1534px var(--font-light) , 1548px 1380px var(--font-light) , 1183px 542px var(--font-light) , 1346px 1783px var(--font-light) , 1562px 1047px var(--font-light) , 915px 991px var(--font-light) , 1156px 595px var(--font-light) , 1463px 1553px var(--font-light) , 46px 1647px var(--font-light) , 1786px 853px var(--font-light) , 937px 906px var(--font-light) , 1721px 1464px var(--font-light) , 855px 618px var(--font-light) , 374px 391px var(--font-light) , 1424px 1740px var(--font-light) , 1461px 362px var(--font-light) , 708px 1629px var(--font-light) , 417px 1079px var(--font-light) , 638px 831px var(--font-light) , 1086px 846px var(--font-light) , 1786px 1455px var(--font-light) , 1118px 436px var(--font-light) , 1290px 1404px var(--font-light) , 1175px 271px var(--font-light) , 1774px 443px var(--font-light) , 788px 974px var(--font-light) , 297px 1808px var(--font-light) , 606px 1773px var(--font-light) , 246px 430px var(--font-light) , 201px 1258px var(--font-light) , 1413px 602px var(--font-light) , 889px 1227px var(--font-light) , 986px 523px var(--font-light) , 350px 907px var(--font-light) , 644px 1764px var(--font-light) , 1247px 233px var(--font-light) , 1131px 381px var(--font-light) , 828px 352px var(--font-light) , 815px 1558px var(--font-light) , 1315px 1638px var(--font-light) , 1611px 1444px var(--font-light) , 328px 112px var(--font-light) , 1859px 1664px var(--font-light) , 1273px 94px var(--font-light) , 1709px 1641px var(--font-light) , 806px 1617px var(--font-light) , 743px 1584px var(--font-light) , 921px 1568px var(--font-light) , 627px 1127px var(--font-light) , 847px 1440px var(--font-light) , 415px 452px var(--font-light) , 856px 1232px var(--font-light) , 673px 1897px var(--font-light) , 1020px 1229px var(--font-light) , 1544px 692px var(--font-light) , 581px 1971px var(--font-light) , 919px 105px var(--font-light) , 64px 1304px var(--font-light) , 1347px 1669px var(--font-light) , 918px 328px var(--font-light) , 1336px 1786px var(--font-light) , 282px 191px var(--font-light) , 1830px 1402px var(--font-light) , 596px 851px var(--font-light) , 575px 1257px var(--font-light) , 746px 1057px var(--font-light) , 1923px 818px var(--font-light) , 986px 1624px var(--font-light) , 970px 1690px var(--font-light) , 1339px 875px var(--font-light) , 1745px 346px var(--font-light) , 122px 888px var(--font-light) , 1382px 944px var(--font-light) , 798px 1877px var(--font-light) , 1096px 1128px var(--font-light) , 819px 1063px var(--font-light) , 818px 1606px var(--font-light) , 71px 1136px var(--font-light) , 658px 53px var(--font-light) , 1673px 1763px var(--font-light) , 1149px 740px var(--font-light) , 340px 1492px var(--font-light) , 1732px 1806px var(--font-light) , 1636px 1583px var(--font-light) , 632px 707px var(--font-light) , 216px 792px var(--font-light) , 220px 1771px var(--font-light) , 761px 320px var(--font-light) , 1870px 1150px var(--font-light) , 1562px 1673px var(--font-light) , 1053px 1924px var(--font-light) , 846px 1251px var(--font-light) , 332px 1299px var(--font-light) , 1589px 1580px var(--font-light) , 640px 496px var(--font-light) , 1337px 983px var(--font-light) , 916px 391px var(--font-light) , 389px 232px var(--font-light) , 1657px 1588px var(--font-light) , 951px 1911px var(--font-light) , 1203px 849px var(--font-light) , 467px 523px var(--font-light) , 146px 29px var(--font-light) , 1459px 751px var(--font-light) , 1504px 1545px var(--font-light) , 1576px 803px var(--font-light) , 967px 1534px var(--font-light) , 967px 1559px var(--font-light) , 1030px 1488px var(--font-light) , 102px 210px var(--font-light) , 927px 409px var(--font-light) , 1811px 1730px var(--font-light) , 1512px 682px var(--font-light) , 978px 1618px var(--font-light) , 970px 1673px var(--font-light) , 776px 1317px var(--font-light) , 1365px 175px var(--font-light) , 1367px 1076px var(--font-light) , 1403px 170px var(--font-light) , 774px 1275px var(--font-light) , 1149px 639px var(--font-light) , 1114px 687px var(--font-light) , 807px 440px var(--font-light) , 936px 1081px var(--font-light) , 640px 1787px var(--font-light) , 1386px 690px var(--font-light) , 1133px 1962px var(--font-light) , 636px 1350px var(--font-light) , 1848px 1967px var(--font-light) , 803px 626px var(--font-light) , 1074px 1514px var(--font-light) , 1284px 1397px var(--font-light) , 403px 1096px var(--font-light) , 1144px 1170px var(--font-light) , 1517px 1975px var(--font-light) , 593px 1935px var(--font-light) , 1168px 1519px var(--font-light) , 232px 1196px var(--font-light) , 1931px 518px var(--font-light) , 1629px 208px var(--font-light) , 1729px 1601px var(--font-light) , 675px 1786px var(--font-light) , 1159px 1199px var(--font-light) , 982px 83px var(--font-light) , 596px 1785px var(--font-light) , 1679px 1496px var(--font-light) , 164px 870px var(--font-light) , 1171px 1633px var(--font-light) , 415px 1744px var(--font-light) , 1338px 94px var(--font-light) , 1246px 9px var(--font-light) , 574px 455px var(--font-light) , 479px 1922px var(--font-light) , 1530px 1055px var(--font-light) , 288px 1769px var(--font-light) , 630px 1866px var(--font-light) , 753px 1875px var(--font-light) , 1485px 376px var(--font-light) , 1376px 1935px var(--font-light) , 227px 84px var(--font-light) , 1947px 1135px var(--font-light) , 762px 855px var(--font-light) , 1729px 1499px var(--font-light) , 1967px 1157px var(--font-light) , 442px 517px var(--font-light) , 223px 865px var(--font-light) , 440px 1901px var(--font-light) , 1396px 1370px var(--font-light) , 1088px 88px var(--font-light) , 1025px 502px var(--font-light) , 1927px 443px var(--font-light) , 585px 951px var(--font-light) , 830px 1267px var(--font-light) , 1809px 1504px var(--font-light) , 798px 301px var(--font-light) , 154px 1238px var(--font-light) , 976px 617px var(--font-light) , 1103px 597px var(--font-light) , 503px 1446px var(--font-light) , 1362px 421px var(--font-light) , 1452px 760px var(--font-light) , 1291px 191px var(--font-light) , 571px 881px var(--font-light) , 1118px 1871px var(--font-light) , 946px 474px var(--font-light) , 1734px 815px var(--font-light) , 1813px 1485px var(--font-light) , 1911px 1736px var(--font-light) , 617px 686px var(--font-light) , 1067px 525px var(--font-light) , 1393px 1753px var(--font-light) , 758px 1697px var(--font-light) , 125px 736px var(--font-light) , 1425px 797px var(--font-light) , 382px 1026px var(--font-light) , 1479px 552px var(--font-light) , 1240px 873px var(--font-light) , 1801px 927px var(--font-light) , 1704px 1002px var(--font-light) , 1329px 686px var(--font-light) , 90px 214px var(--font-light) , 1167px 862px var(--font-light) , 929px 1043px var(--font-light) , 1499px 1646px var(--font-light) , 296px 1569px var(--font-light) , 1921px 282px var(--font-light) , 964px 744px var(--font-light) , 676px 1706px var(--font-light) , 1209px 914px var(--font-light) , 432px 1493px var(--font-light) , 275px 1129px var(--font-light) , 1699px 464px var(--font-light) , 690px 1939px var(--font-light) , 840px 916px var(--font-light) , 529px 344px var(--font-light) , 1411px 503px var(--font-light) , 1103px 345px var(--font-light) , 892px 1682px var(--font-light) , 341px 1705px var(--font-light) , 1543px 1128px var(--font-light) , 1491px 548px var(--font-light) , 105px 1880px var(--font-light) , 1733px 1425px var(--font-light) , 1103px 1731px var(--font-light) , 1357px 437px var(--font-light) , 1214px 197px var(--font-light) , 1975px 1546px var(--font-light) , 1546px 872px var(--font-light) , 1087px 786px var(--font-light) , 1835px 1833px var(--font-light) , 1304px 111px var(--font-light) , 716px 559px var(--font-light) , 1969px 1299px var(--font-light) , 1579px 269px var(--font-light) , 589px 1817px var(--font-light) , 1413px 654px var(--font-light) , 816px 848px var(--font-light) , 1198px 1282px var(--font-light) , 94px 1427px var(--font-light) , 1877px 1586px var(--font-light) , 487px 1331px var(--font-light) , 1996px 584px var(--font-light) , 811px 622px var(--font-light) , 1683px 1658px var(--font-light) , 127px 769px var(--font-light) , 203px 1957px var(--font-light) , 1379px 1289px var(--font-light) , 691px 1588px var(--font-light) , 1109px 777px var(--font-light) , 297px 768px var(--font-light) , 1624px 1105px var(--font-light) , 399px 673px var(--font-light) , 505px 1862px var(--font-light) , 1757px 719px var(--font-light) , 498px 1819px var(--font-light) , 1115px 1447px var(--font-light) , 652px 828px var(--font-light) , 736px 1552px var(--font-light) , 1022px 737px var(--font-light) , 60px 1974px var(--font-light) , 1814px 911px var(--font-light) , 1982px 1463px var(--font-light) , 317px 1420px var(--font-light) , 1839px 297px var(--font-light) , 1505px 821px var(--font-light) , 601px 89px var(--font-light) , 381px 294px var(--font-light) , 153px 1690px var(--font-light) , 1555px 171px var(--font-light);
    animation: animStar 50s linear infinite;
  }
  #stars:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 708px 444px var(--font-light) , 639px 504px var(--font-light) , 1089px 704px var(--font-light) , 681px 505px var(--font-light) , 1468px 2px var(--font-light) , 744px 1357px var(--font-light) , 1898px 245px var(--font-light) , 1041px 1112px var(--font-light) , 913px 1409px var(--font-light) , 983px 1668px var(--font-light) , 1058px 885px var(--font-light) , 47px 84px var(--font-light) , 1705px 806px var(--font-light) , 1493px 249px var(--font-light) , 1848px 441px var(--font-light) , 594px 594px var(--font-light) , 990px 1708px var(--font-light) , 1517px 1865px var(--font-light) , 1228px 1868px var(--font-light) , 607px 142px var(--font-light) , 62px 1437px var(--font-light) , 1847px 724px var(--font-light) , 177px 1984px var(--font-light) , 1225px 76px var(--font-light) , 1850px 79px var(--font-light) , 1685px 518px var(--font-light) , 1760px 1495px var(--font-light) , 427px 555px var(--font-light) , 1724px 1203px var(--font-light) , 1985px 1084px var(--font-light) , 1766px 85px var(--font-light) , 877px 887px var(--font-light) , 1751px 670px var(--font-light) , 20px 1206px var(--font-light) , 1587px 528px var(--font-light) , 183px 838px var(--font-light) , 920px 60px var(--font-light) , 249px 1008px var(--font-light) , 1957px 1460px var(--font-light) , 1745px 1864px var(--font-light) , 721px 1042px var(--font-light) , 574px 1902px var(--font-light) , 1242px 1041px var(--font-light) , 1177px 953px var(--font-light) , 330px 241px var(--font-light) , 902px 1809px var(--font-light) , 253px 481px var(--font-light) , 349px 1969px var(--font-light) , 1530px 184px var(--font-light) , 815px 492px var(--font-light) , 1797px 1760px var(--font-light) , 1780px 84px var(--font-light) , 1156px 1483px var(--font-light) , 593px 1795px var(--font-light) , 792px 116px var(--font-light) , 1867px 1339px var(--font-light) , 1437px 1623px var(--font-light) , 1284px 1112px var(--font-light) , 102px 354px var(--font-light) , 1706px 972px var(--font-light) , 1914px 518px var(--font-light) , 1631px 1785px var(--font-light) , 1977px 1557px var(--font-light) , 434px 175px var(--font-light) , 886px 4px var(--font-light) , 1763px 1684px var(--font-light) , 1608px 1449px var(--font-light) , 928px 451px var(--font-light) , 1974px 84px var(--font-light) , 477px 1695px var(--font-light) , 1171px 567px var(--font-light) , 916px 1811px var(--font-light) , 616px 1405px var(--font-light) , 784px 13px var(--font-light) , 1357px 340px var(--font-light) , 1401px 1972px var(--font-light) , 221px 1785px var(--font-light) , 488px 534px var(--font-light) , 1269px 408px var(--font-light) , 1457px 1168px var(--font-light) , 1149px 1899px var(--font-light) , 907px 293px var(--font-light) , 596px 198px var(--font-light) , 1753px 1190px var(--font-light) , 406px 600px var(--font-light) , 192px 1961px var(--font-light) , 1676px 529px var(--font-light) , 1482px 1376px var(--font-light) , 1359px 1559px var(--font-light) , 1513px 796px var(--font-light) , 1012px 1490px var(--font-light) , 485px 1747px var(--font-light) , 115px 744px var(--font-light) , 18px 1473px var(--font-light) , 952px 1101px var(--font-light) , 393px 217px var(--font-light) , 866px 12px var(--font-light) , 1556px 29px var(--font-light) , 1821px 1895px var(--font-light) , 1891px 944px var(--font-light) , 1870px 1254px var(--font-light) , 395px 1883px var(--font-light) , 764px 1232px var(--font-light) , 1333px 1898px var(--font-light) , 1614px 1583px var(--font-light) , 793px 9px var(--font-light) , 655px 455px var(--font-light) , 8px 1021px var(--font-light) , 656px 1714px var(--font-light) , 229px 1831px var(--font-light) , 1356px 1323px var(--font-light) , 1626px 751px var(--font-light) , 1965px 377px var(--font-light) , 1450px 974px var(--font-light) , 693px 660px var(--font-light) , 938px 970px var(--font-light) , 223px 471px var(--font-light) , 1816px 706px var(--font-light) , 819px 740px var(--font-light) , 746px 1408px var(--font-light) , 1018px 519px var(--font-light) , 678px 388px var(--font-light) , 1884px 168px var(--font-light) , 1916px 1277px var(--font-light) , 1165px 1257px var(--font-light) , 1700px 1839px var(--font-light) , 1282px 1147px var(--font-light) , 1145px 1664px var(--font-light) , 1816px 1730px var(--font-light) , 1573px 1580px var(--font-light) , 353px 1940px var(--font-light) , 607px 705px var(--font-light) , 910px 346px var(--font-light) , 211px 1737px var(--font-light) , 371px 27px var(--font-light) , 31px 1011px var(--font-light) , 966px 1576px var(--font-light) , 1648px 1472px var(--font-light) , 1749px 1725px var(--font-light) , 151px 339px var(--font-light) , 1858px 865px var(--font-light) , 1980px 1366px var(--font-light) , 1802px 946px var(--font-light) , 1295px 245px var(--font-light) , 1871px 13px var(--font-light) , 1340px 1886px var(--font-light) , 1340px 1644px var(--font-light) , 705px 1546px var(--font-light) , 147px 417px var(--font-light) , 896px 662px var(--font-light) , 1054px 1853px var(--font-light) , 1144px 539px var(--font-light) , 1484px 1157px var(--font-light) , 916px 1863px var(--font-light) , 936px 1159px var(--font-light) , 428px 924px var(--font-light) , 525px 1237px var(--font-light) , 814px 321px var(--font-light) , 327px 413px var(--font-light) , 439px 850px var(--font-light) , 1612px 1846px var(--font-light) , 370px 1991px var(--font-light) , 1296px 1314px var(--font-light) , 683px 1028px var(--font-light) , 53px 840px var(--font-light) , 617px 988px var(--font-light) , 1388px 1057px var(--font-light) , 323px 1738px var(--font-light) , 1388px 1472px var(--font-light) , 1142px 1105px var(--font-light) , 1739px 1306px var(--font-light) , 1089px 1355px var(--font-light) , 853px 1864px var(--font-light) , 1464px 1670px var(--font-light) , 1124px 1124px var(--font-light) , 230px 777px var(--font-light) , 46px 192px var(--font-light) , 1786px 1956px var(--font-light) , 732px 1823px var(--font-light) , 1258px 1103px var(--font-light) , 154px 1308px var(--font-light) , 1679px 900px var(--font-light) , 1746px 1767px var(--font-light) , 464px 1510px var(--font-light) , 1837px 171px var(--font-light) , 1998px 793px var(--font-light) , 1286px 693px var(--font-light) , 1160px 72px var(--font-light) , 1272px 1826px var(--font-light) , 463px 297px var(--font-light) , 764px 1277px var(--font-light) , 438px 1932px var(--font-light) , 171px 1038px var(--font-light) , 1100px 1707px var(--font-light) , 645px 249px var(--font-light) , 1058px 1663px var(--font-light) , 1300px 1861px var(--font-light) , 342px 90px var(--font-light) , 1107px 1992px var(--font-light) , 601px 962px var(--font-light) , 1651px 1583px var(--font-light) , 1854px 333px var(--font-light) , 1162px 1888px var(--font-light) , 71px 884px var(--font-light) , 1518px 1012px var(--font-light) , 205px 1633px var(--font-light) , 1755px 621px var(--font-light) , 1934px 253px var(--font-light) , 483px 174px var(--font-light) , 301px 1200px var(--font-light) , 1203px 971px var(--font-light) , 676px 1916px var(--font-light) , 1645px 1647px var(--font-light) , 1921px 538px var(--font-light) , 1519px 769px var(--font-light) , 679px 471px var(--font-light) , 1440px 1873px var(--font-light) , 262px 1736px var(--font-light) , 330px 1570px var(--font-light) , 401px 1591px var(--font-light) , 198px 112px var(--font-light) , 1220px 1385px var(--font-light) , 1032px 1114px var(--font-light) , 427px 1102px var(--font-light) , 1472px 946px var(--font-light) , 1892px 99px var(--font-light) , 1688px 1198px var(--font-light) , 1740px 604px var(--font-light) , 1800px 1270px var(--font-light) , 1689px 412px var(--font-light) , 986px 222px var(--font-light) , 674px 1495px var(--font-light) , 306px 779px var(--font-light) , 34px 1173px var(--font-light) , 171px 1022px var(--font-light) , 1329px 1474px var(--font-light) , 1527px 646px var(--font-light) , 936px 828px var(--font-light) , 134px 1204px var(--font-light) , 1548px 1391px var(--font-light) , 1897px 1501px var(--font-light) , 570px 766px var(--font-light) , 1357px 1615px var(--font-light) , 790px 1389px var(--font-light) , 135px 1654px var(--font-light) , 1650px 782px var(--font-light) , 884px 629px var(--font-light) , 1173px 1438px var(--font-light) , 1790px 1152px var(--font-light) , 1065px 900px var(--font-light) , 1038px 101px var(--font-light) , 1689px 845px var(--font-light) , 265px 252px var(--font-light) , 1009px 195px var(--font-light) , 165px 273px var(--font-light) , 1608px 1077px var(--font-light) , 499px 1426px var(--font-light) , 1483px 1308px var(--font-light) , 333px 894px var(--font-light) , 1410px 1900px var(--font-light) , 2000px 829px var(--font-light) , 1288px 1894px var(--font-light) , 1046px 1505px var(--font-light) , 1672px 168px var(--font-light) , 1153px 1367px var(--font-light) , 27px 1193px var(--font-light) , 654px 754px var(--font-light) , 999px 58px var(--font-light) , 1824px 1707px var(--font-light) , 427px 927px var(--font-light) , 921px 417px var(--font-light) , 628px 633px var(--font-light) , 1347px 1081px var(--font-light) , 194px 854px var(--font-light) , 418px 1741px var(--font-light) , 860px 455px var(--font-light) , 967px 127px var(--font-light) , 906px 44px var(--font-light) , 1375px 449px var(--font-light) , 1110px 196px var(--font-light) , 1333px 672px var(--font-light) , 472px 1822px var(--font-light) , 1436px 247px var(--font-light) , 521px 1204px var(--font-light) , 1005px 351px var(--font-light) , 1155px 31px var(--font-light) , 1539px 792px var(--font-light) , 679px 351px var(--font-light) , 545px 1978px var(--font-light) , 1273px 779px var(--font-light) , 987px 87px var(--font-light) , 505px 1381px var(--font-light) , 437px 95px var(--font-light) , 58px 1470px var(--font-light) , 4px 1167px var(--font-light) , 1172px 340px var(--font-light) , 1928px 775px var(--font-light) , 1484px 731px var(--font-light) , 1258px 760px var(--font-light) , 1039px 1589px var(--font-light) , 1686px 986px var(--font-light) , 1935px 888px var(--font-light) , 268px 267px var(--font-light) , 1691px 1019px var(--font-light) , 1709px 1211px var(--font-light) , 422px 1631px var(--font-light) , 1798px 1539px var(--font-light) , 1692px 874px var(--font-light) , 1941px 739px var(--font-light) , 1680px 923px var(--font-light) , 385px 335px var(--font-light) , 382px 1946px var(--font-light) , 545px 775px var(--font-light) , 445px 1112px var(--font-light) , 165px 744px var(--font-light) , 1912px 348px var(--font-light) , 1867px 168px var(--font-light) , 416px 29px var(--font-light) , 1742px 1735px var(--font-light) , 1136px 137px var(--font-light) , 122px 833px var(--font-light) , 1933px 779px var(--font-light) , 648px 792px var(--font-light) , 1750px 1213px var(--font-light) , 203px 103px var(--font-light) , 1933px 926px var(--font-light) , 325px 1906px var(--font-light) , 1157px 1901px var(--font-light) , 197px 1580px var(--font-light) , 28px 118px var(--font-light) , 636px 183px var(--font-light) , 1551px 940px var(--font-light) , 785px 70px var(--font-light) , 849px 541px var(--font-light) , 1060px 106px var(--font-light) , 273px 1837px var(--font-light) , 696px 152px var(--font-light) , 1597px 1209px var(--font-light) , 1571px 1232px var(--font-light) , 1120px 565px var(--font-light) , 594px 888px var(--font-light) , 1487px 227px var(--font-light) , 1018px 655px var(--font-light) , 180px 1405px var(--font-light) , 1175px 1729px var(--font-light) , 775px 844px var(--font-light) , 1190px 555px var(--font-light) , 997px 1037px var(--font-light) , 426px 1742px var(--font-light) , 1241px 1913px var(--font-light) , 218px 191px var(--font-light) , 1244px 958px var(--font-light) , 1709px 1550px var(--font-light) , 201px 1772px var(--font-light) , 16px 1928px var(--font-light) , 1324px 1263px var(--font-light) , 512px 850px var(--font-light) , 1156px 1101px var(--font-light) , 1737px 55px var(--font-light) , 550px 1034px var(--font-light) , 506px 405px var(--font-light) , 928px 1403px var(--font-light) , 918px 797px var(--font-light) , 1527px 1597px var(--font-light) , 959px 1758px var(--font-light) , 1399px 677px var(--font-light) , 530px 1155px var(--font-light) , 89px 1741px var(--font-light) , 693px 945px var(--font-light) , 970px 1909px var(--font-light) , 1565px 1971px var(--font-light) , 432px 1829px var(--font-light) , 905px 1054px var(--font-light) , 573px 1479px var(--font-light) , 1210px 1253px var(--font-light) , 1367px 490px var(--font-light) , 1062px 1313px var(--font-light) , 1473px 1350px var(--font-light) , 1543px 48px var(--font-light) , 1851px 641px var(--font-light) , 915px 589px var(--font-light) , 1831px 1005px var(--font-light) , 639px 338px var(--font-light) , 1626px 844px var(--font-light) , 280px 1185px var(--font-light) , 1835px 592px var(--font-light) , 1013px 794px var(--font-light) , 1054px 301px var(--font-light) , 505px 1616px var(--font-light) , 1684px 1017px var(--font-light) , 569px 1771px var(--font-light) , 865px 1143px var(--font-light) , 231px 1269px var(--font-light) , 1778px 1999px var(--font-light) , 152px 747px var(--font-light) , 1506px 405px var(--font-light) , 1721px 456px var(--font-light) , 1492px 771px var(--font-light) , 1600px 631px var(--font-light) , 860px 1020px var(--font-light) , 854px 707px var(--font-light) , 1110px 1468px var(--font-light) , 1723px 198px var(--font-light) , 858px 1189px var(--font-light) , 1062px 426px var(--font-light) , 133px 610px var(--font-light) , 1715px 555px var(--font-light) , 1570px 1668px var(--font-light) , 1059px 414px var(--font-light) , 57px 83px var(--font-light) , 1369px 466px var(--font-light) , 19px 365px var(--font-light) , 1184px 1796px var(--font-light) , 751px 212px var(--font-light) , 1933px 1338px var(--font-light) , 139px 1068px var(--font-light) , 1367px 893px var(--font-light) , 1973px 752px var(--font-light) , 1869px 1231px var(--font-light) , 840px 1014px var(--font-light) , 1518px 1770px var(--font-light) , 965px 1235px var(--font-light) , 30px 1577px var(--font-light) , 198px 1212px var(--font-light) , 1339px 398px var(--font-light) , 868px 31px var(--font-light) , 1415px 675px var(--font-light) , 1491px 36px var(--font-light) , 434px 236px var(--font-light) , 336px 1523px var(--font-light) , 1745px 1194px var(--font-light) , 369px 1534px var(--font-light) , 1548px 1380px var(--font-light) , 1183px 542px var(--font-light) , 1346px 1783px var(--font-light) , 1562px 1047px var(--font-light) , 915px 991px var(--font-light) , 1156px 595px var(--font-light) , 1463px 1553px var(--font-light) , 46px 1647px var(--font-light) , 1786px 853px var(--font-light) , 937px 906px var(--font-light) , 1721px 1464px var(--font-light) , 855px 618px var(--font-light) , 374px 391px var(--font-light) , 1424px 1740px var(--font-light) , 1461px 362px var(--font-light) , 708px 1629px var(--font-light) , 417px 1079px var(--font-light) , 638px 831px var(--font-light) , 1086px 846px var(--font-light) , 1786px 1455px var(--font-light) , 1118px 436px var(--font-light) , 1290px 1404px var(--font-light) , 1175px 271px var(--font-light) , 1774px 443px var(--font-light) , 788px 974px var(--font-light) , 297px 1808px var(--font-light) , 606px 1773px var(--font-light) , 246px 430px var(--font-light) , 201px 1258px var(--font-light) , 1413px 602px var(--font-light) , 889px 1227px var(--font-light) , 986px 523px var(--font-light) , 350px 907px var(--font-light) , 644px 1764px var(--font-light) , 1247px 233px var(--font-light) , 1131px 381px var(--font-light) , 828px 352px var(--font-light) , 815px 1558px var(--font-light) , 1315px 1638px var(--font-light) , 1611px 1444px var(--font-light) , 328px 112px var(--font-light) , 1859px 1664px var(--font-light) , 1273px 94px var(--font-light) , 1709px 1641px var(--font-light) , 806px 1617px var(--font-light) , 743px 1584px var(--font-light) , 921px 1568px var(--font-light) , 627px 1127px var(--font-light) , 847px 1440px var(--font-light) , 415px 452px var(--font-light) , 856px 1232px var(--font-light) , 673px 1897px var(--font-light) , 1020px 1229px var(--font-light) , 1544px 692px var(--font-light) , 581px 1971px var(--font-light) , 919px 105px var(--font-light) , 64px 1304px var(--font-light) , 1347px 1669px var(--font-light) , 918px 328px var(--font-light) , 1336px 1786px var(--font-light) , 282px 191px var(--font-light) , 1830px 1402px var(--font-light) , 596px 851px var(--font-light) , 575px 1257px var(--font-light) , 746px 1057px var(--font-light) , 1923px 818px var(--font-light) , 986px 1624px var(--font-light) , 970px 1690px var(--font-light) , 1339px 875px var(--font-light) , 1745px 346px var(--font-light) , 122px 888px var(--font-light) , 1382px 944px var(--font-light) , 798px 1877px var(--font-light) , 1096px 1128px var(--font-light) , 819px 1063px var(--font-light) , 818px 1606px var(--font-light) , 71px 1136px var(--font-light) , 658px 53px var(--font-light) , 1673px 1763px var(--font-light) , 1149px 740px var(--font-light) , 340px 1492px var(--font-light) , 1732px 1806px var(--font-light) , 1636px 1583px var(--font-light) , 632px 707px var(--font-light) , 216px 792px var(--font-light) , 220px 1771px var(--font-light) , 761px 320px var(--font-light) , 1870px 1150px var(--font-light) , 1562px 1673px var(--font-light) , 1053px 1924px var(--font-light) , 846px 1251px var(--font-light) , 332px 1299px var(--font-light) , 1589px 1580px var(--font-light) , 640px 496px var(--font-light) , 1337px 983px var(--font-light) , 916px 391px var(--font-light) , 389px 232px var(--font-light) , 1657px 1588px var(--font-light) , 951px 1911px var(--font-light) , 1203px 849px var(--font-light) , 467px 523px var(--font-light) , 146px 29px var(--font-light) , 1459px 751px var(--font-light) , 1504px 1545px var(--font-light) , 1576px 803px var(--font-light) , 967px 1534px var(--font-light) , 967px 1559px var(--font-light) , 1030px 1488px var(--font-light) , 102px 210px var(--font-light) , 927px 409px var(--font-light) , 1811px 1730px var(--font-light) , 1512px 682px var(--font-light) , 978px 1618px var(--font-light) , 970px 1673px var(--font-light) , 776px 1317px var(--font-light) , 1365px 175px var(--font-light) , 1367px 1076px var(--font-light) , 1403px 170px var(--font-light) , 774px 1275px var(--font-light) , 1149px 639px var(--font-light) , 1114px 687px var(--font-light) , 807px 440px var(--font-light) , 936px 1081px var(--font-light) , 640px 1787px var(--font-light) , 1386px 690px var(--font-light) , 1133px 1962px var(--font-light) , 636px 1350px var(--font-light) , 1848px 1967px var(--font-light) , 803px 626px var(--font-light) , 1074px 1514px var(--font-light) , 1284px 1397px var(--font-light) , 403px 1096px var(--font-light) , 1144px 1170px var(--font-light) , 1517px 1975px var(--font-light) , 593px 1935px var(--font-light) , 1168px 1519px var(--font-light) , 232px 1196px var(--font-light) , 1931px 518px var(--font-light) , 1629px 208px var(--font-light) , 1729px 1601px var(--font-light) , 675px 1786px var(--font-light) , 1159px 1199px var(--font-light) , 982px 83px var(--font-light) , 596px 1785px var(--font-light) , 1679px 1496px var(--font-light) , 164px 870px var(--font-light) , 1171px 1633px var(--font-light) , 415px 1744px var(--font-light) , 1338px 94px var(--font-light) , 1246px 9px var(--font-light) , 574px 455px var(--font-light) , 479px 1922px var(--font-light) , 1530px 1055px var(--font-light) , 288px 1769px var(--font-light) , 630px 1866px var(--font-light) , 753px 1875px var(--font-light) , 1485px 376px var(--font-light) , 1376px 1935px var(--font-light) , 227px 84px var(--font-light) , 1947px 1135px var(--font-light) , 762px 855px var(--font-light) , 1729px 1499px var(--font-light) , 1967px 1157px var(--font-light) , 442px 517px var(--font-light) , 223px 865px var(--font-light) , 440px 1901px var(--font-light) , 1396px 1370px var(--font-light) , 1088px 88px var(--font-light) , 1025px 502px var(--font-light) , 1927px 443px var(--font-light) , 585px 951px var(--font-light) , 830px 1267px var(--font-light) , 1809px 1504px var(--font-light) , 798px 301px var(--font-light) , 154px 1238px var(--font-light) , 976px 617px var(--font-light) , 1103px 597px var(--font-light) , 503px 1446px var(--font-light) , 1362px 421px var(--font-light) , 1452px 760px var(--font-light) , 1291px 191px var(--font-light) , 571px 881px var(--font-light) , 1118px 1871px var(--font-light) , 946px 474px var(--font-light) , 1734px 815px var(--font-light) , 1813px 1485px var(--font-light) , 1911px 1736px var(--font-light) , 617px 686px var(--font-light) , 1067px 525px var(--font-light) , 1393px 1753px var(--font-light) , 758px 1697px var(--font-light) , 125px 736px var(--font-light) , 1425px 797px var(--font-light) , 382px 1026px var(--font-light) , 1479px 552px var(--font-light) , 1240px 873px var(--font-light) , 1801px 927px var(--font-light) , 1704px 1002px var(--font-light) , 1329px 686px var(--font-light) , 90px 214px var(--font-light) , 1167px 862px var(--font-light) , 929px 1043px var(--font-light) , 1499px 1646px var(--font-light) , 296px 1569px var(--font-light) , 1921px 282px var(--font-light) , 964px 744px var(--font-light) , 676px 1706px var(--font-light) , 1209px 914px var(--font-light) , 432px 1493px var(--font-light) , 275px 1129px var(--font-light) , 1699px 464px var(--font-light) , 690px 1939px var(--font-light) , 840px 916px var(--font-light) , 529px 344px var(--font-light) , 1411px 503px var(--font-light) , 1103px 345px var(--font-light) , 892px 1682px var(--font-light) , 341px 1705px var(--font-light) , 1543px 1128px var(--font-light) , 1491px 548px var(--font-light) , 105px 1880px var(--font-light) , 1733px 1425px var(--font-light) , 1103px 1731px var(--font-light) , 1357px 437px var(--font-light) , 1214px 197px var(--font-light) , 1975px 1546px var(--font-light) , 1546px 872px var(--font-light) , 1087px 786px var(--font-light) , 1835px 1833px var(--font-light) , 1304px 111px var(--font-light) , 716px 559px var(--font-light) , 1969px 1299px var(--font-light) , 1579px 269px var(--font-light) , 589px 1817px var(--font-light) , 1413px 654px var(--font-light) , 816px 848px var(--font-light) , 1198px 1282px var(--font-light) , 94px 1427px var(--font-light) , 1877px 1586px var(--font-light) , 487px 1331px var(--font-light) , 1996px 584px var(--font-light) , 811px 622px var(--font-light) , 1683px 1658px var(--font-light) , 127px 769px var(--font-light) , 203px 1957px var(--font-light) , 1379px 1289px var(--font-light) , 691px 1588px var(--font-light) , 1109px 777px var(--font-light) , 297px 768px var(--font-light) , 1624px 1105px var(--font-light) , 399px 673px var(--font-light) , 505px 1862px var(--font-light) , 1757px 719px var(--font-light) , 498px 1819px var(--font-light) , 1115px 1447px var(--font-light) , 652px 828px var(--font-light) , 736px 1552px var(--font-light) , 1022px 737px var(--font-light) , 60px 1974px var(--font-light) , 1814px 911px var(--font-light) , 1982px 1463px var(--font-light) , 317px 1420px var(--font-light) , 1839px 297px var(--font-light) , 1505px 821px var(--font-light) , 601px 89px var(--font-light) , 381px 294px var(--font-light) , 153px 1690px var(--font-light) , 1555px 171px var(--font-light);
  }
  
  #stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 1381px 968px var(--font-light) , 1296px 1677px var(--font-light) , 864px 1989px var(--font-light) , 1634px 179px var(--font-light) , 894px 627px var(--font-light) , 919px 721px var(--font-light) , 865px 850px var(--font-light) , 1992px 1133px var(--font-light) , 1378px 637px var(--font-light) , 745px 1612px var(--font-light) , 612px 1914px var(--font-light) , 366px 1344px var(--font-light) , 1275px 72px var(--font-light) , 420px 1239px var(--font-light) , 1030px 863px var(--font-light) , 1568px 1067px var(--font-light) , 892px 1600px var(--font-light) , 187px 1016px var(--font-light) , 1121px 841px var(--font-light) , 1661px 1009px var(--font-light) , 1888px 1562px var(--font-light) , 1719px 1px var(--font-light) , 50px 1137px var(--font-light) , 1377px 335px var(--font-light) , 764px 888px var(--font-light) , 418px 15px var(--font-light) , 872px 1507px var(--font-light) , 665px 1947px var(--font-light) , 63px 884px var(--font-light) , 526px 45px var(--font-light) , 1368px 1268px var(--font-light) , 1131px 1961px var(--font-light) , 1854px 766px var(--font-light) , 777px 374px var(--font-light) , 856px 1065px var(--font-light) , 1207px 1742px var(--font-light) , 1586px 541px var(--font-light) , 214px 1662px var(--font-light) , 1791px 436px var(--font-light) , 1704px 1800px var(--font-light) , 1561px 1693px var(--font-light) , 574px 314px var(--font-light) , 306px 1102px var(--font-light) , 512px 1324px var(--font-light) , 1727px 209px var(--font-light) , 1963px 600px var(--font-light) , 1286px 1747px var(--font-light) , 1655px 237px var(--font-light) , 1745px 515px var(--font-light) , 1139px 1725px var(--font-light) , 62px 298px var(--font-light) , 1982px 1283px var(--font-light) , 1410px 512px var(--font-light) , 741px 1975px var(--font-light) , 1124px 240px var(--font-light) , 1667px 572px var(--font-light) , 1208px 536px var(--font-light) , 37px 778px var(--font-light) , 502px 1590px var(--font-light) , 1170px 438px var(--font-light) , 1439px 1034px var(--font-light) , 595px 1437px var(--font-light) , 445px 1560px var(--font-light) , 274px 971px var(--font-light) , 1701px 494px var(--font-light) , 1828px 1532px var(--font-light) , 820px 1320px var(--font-light) , 541px 302px var(--font-light) , 1236px 339px var(--font-light) , 780px 457px var(--font-light) , 1683px 606px var(--font-light) , 432px 149px var(--font-light) , 715px 905px var(--font-light) , 195px 1895px var(--font-light) , 900px 1477px var(--font-light) , 1819px 1598px var(--font-light) , 1080px 1765px var(--font-light) , 1781px 827px var(--font-light) , 545px 473px var(--font-light) , 1655px 523px var(--font-light) , 854px 1964px var(--font-light) , 968px 1193px var(--font-light) , 1474px 999px var(--font-light) , 838px 1202px var(--font-light) , 210px 269px var(--font-light) , 1186px 943px var(--font-light) , 640px 1739px var(--font-light) , 1735px 95px var(--font-light) , 318px 666px var(--font-light) , 1539px 232px var(--font-light) , 349px 777px var(--font-light) , 829px 245px var(--font-light) , 648px 172px var(--font-light) , 1493px 835px var(--font-light) , 307px 889px var(--font-light) , 197px 891px var(--font-light) , 1917px 1030px var(--font-light) , 315px 377px var(--font-light) , 650px 184px var(--font-light) , 1531px 1409px var(--font-light) , 1330px 1982px var(--font-light) , 1218px 1260px var(--font-light) , 1039px 1632px var(--font-light) , 1914px 655px var(--font-light) , 786px 1548px var(--font-light) , 771px 152px var(--font-light) , 1009px 36px var(--font-light) , 473px 114px var(--font-light) , 814px 669px var(--font-light) , 1777px 1154px var(--font-light) , 764px 579px var(--font-light) , 287px 942px var(--font-light) , 1568px 635px var(--font-light) , 899px 688px var(--font-light) , 488px 1301px var(--font-light) , 851px 1130px var(--font-light) , 1510px 1061px var(--font-light) , 1247px 1617px var(--font-light) , 1485px 928px var(--font-light) , 1023px 435px var(--font-light) , 1644px 1815px var(--font-light) , 652px 1492px var(--font-light) , 84px 1919px var(--font-light) , 1418px 789px var(--font-light) , 1626px 1357px var(--font-light) , 1865px 1592px var(--font-light) , 1022px 240px var(--font-light) , 1841px 426px var(--font-light) , 1649px 1667px var(--font-light) , 1945px 1233px var(--font-light) , 324px 1332px var(--font-light) , 741px 212px var(--font-light) , 476px 1295px var(--font-light) , 502px 13px var(--font-light) , 610px 1034px var(--font-light) , 955px 1854px var(--font-light) , 642px 1396px var(--font-light) , 1362px 876px var(--font-light) , 147px 61px var(--font-light) , 187px 1752px var(--font-light) , 215px 1119px var(--font-light) , 118px 11px var(--font-light) , 1167px 349px var(--font-light) , 1382px 1798px var(--font-light) , 809px 1705px var(--font-light) , 1728px 1023px var(--font-light) , 1497px 1629px var(--font-light) , 439px 1847px var(--font-light) , 616px 1969px var(--font-light) , 1117px 1611px var(--font-light) , 1211px 1767px var(--font-light) , 970px 230px var(--font-light) , 791px 1842px var(--font-light) , 1050px 812px var(--font-light) , 1261px 351px var(--font-light) , 351px 1806px var(--font-light) , 285px 460px var(--font-light) , 428px 745px var(--font-light) , 1391px 1562px var(--font-light) , 1540px 996px var(--font-light) , 1127px 1900px var(--font-light) , 1876px 527px var(--font-light) , 402px 314px var(--font-light) , 99px 746px var(--font-light) , 1332px 1818px var(--font-light) , 584px 1514px var(--font-light) , 1157px 575px var(--font-light) , 1358px 159px var(--font-light) , 1056px 430px var(--font-light) , 1440px 581px var(--font-light) , 687px 1882px var(--font-light) , 1231px 984px var(--font-light) , 1470px 563px var(--font-light) , 905px 1432px var(--font-light) , 757px 1546px var(--font-light) , 1975px 1885px var(--font-light) , 1735px 1979px var(--font-light) , 1352px 1798px var(--font-light) , 1615px 1945px var(--font-light) , 1522px 1367px var(--font-light) , 191px 1879px var(--font-light) , 26px 25px var(--font-light) , 1018px 238px var(--font-light) , 1453px 1551px var(--font-light) , 919px 1829px var(--font-light) , 1401px 91px var(--font-light) , 915px 1412px var(--font-light) , 1766px 1819px var(--font-light) , 195px 1746px var(--font-light) , 802px 495px var(--font-light) , 173px 1756px var(--font-light) , 240px 252px var(--font-light) , 424px 755px var(--font-light) , 1636px 1091px var(--font-light) , 1040px 828px var(--font-light) , 978px 1498px var(--font-light) , 896px 1379px var(--font-light) , 996px 336px var(--font-light) , 198px 1667px var(--font-light) , 802px 421px var(--font-light);
    animation: animStar 100s linear infinite;
  }
  #stars2:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 1381px 968px var(--font-light) , 1296px 1677px var(--font-light) , 864px 1989px var(--font-light) , 1634px 179px var(--font-light) , 894px 627px var(--font-light) , 919px 721px var(--font-light) , 865px 850px var(--font-light) , 1992px 1133px var(--font-light) , 1378px 637px var(--font-light) , 745px 1612px var(--font-light) , 612px 1914px var(--font-light) , 366px 1344px var(--font-light) , 1275px 72px var(--font-light) , 420px 1239px var(--font-light) , 1030px 863px var(--font-light) , 1568px 1067px var(--font-light) , 892px 1600px var(--font-light) , 187px 1016px var(--font-light) , 1121px 841px var(--font-light) , 1661px 1009px var(--font-light) , 1888px 1562px var(--font-light) , 1719px 1px var(--font-light) , 50px 1137px var(--font-light) , 1377px 335px var(--font-light) , 764px 888px var(--font-light) , 418px 15px var(--font-light) , 872px 1507px var(--font-light) , 665px 1947px var(--font-light) , 63px 884px var(--font-light) , 526px 45px var(--font-light) , 1368px 1268px var(--font-light) , 1131px 1961px var(--font-light) , 1854px 766px var(--font-light) , 777px 374px var(--font-light) , 856px 1065px var(--font-light) , 1207px 1742px var(--font-light) , 1586px 541px var(--font-light) , 214px 1662px var(--font-light) , 1791px 436px var(--font-light) , 1704px 1800px var(--font-light) , 1561px 1693px var(--font-light) , 574px 314px var(--font-light) , 306px 1102px var(--font-light) , 512px 1324px var(--font-light) , 1727px 209px var(--font-light) , 1963px 600px var(--font-light) , 1286px 1747px var(--font-light) , 1655px 237px var(--font-light) , 1745px 515px var(--font-light) , 1139px 1725px var(--font-light) , 62px 298px var(--font-light) , 1982px 1283px var(--font-light) , 1410px 512px var(--font-light) , 741px 1975px var(--font-light) , 1124px 240px var(--font-light) , 1667px 572px var(--font-light) , 1208px 536px var(--font-light) , 37px 778px var(--font-light) , 502px 1590px var(--font-light) , 1170px 438px var(--font-light) , 1439px 1034px var(--font-light) , 595px 1437px var(--font-light) , 445px 1560px var(--font-light) , 274px 971px var(--font-light) , 1701px 494px var(--font-light) , 1828px 1532px var(--font-light) , 820px 1320px var(--font-light) , 541px 302px var(--font-light) , 1236px 339px var(--font-light) , 780px 457px var(--font-light) , 1683px 606px var(--font-light) , 432px 149px var(--font-light) , 715px 905px var(--font-light) , 195px 1895px var(--font-light) , 900px 1477px var(--font-light) , 1819px 1598px var(--font-light) , 1080px 1765px var(--font-light) , 1781px 827px var(--font-light) , 545px 473px var(--font-light) , 1655px 523px var(--font-light) , 854px 1964px var(--font-light) , 968px 1193px var(--font-light) , 1474px 999px var(--font-light) , 838px 1202px var(--font-light) , 210px 269px var(--font-light) , 1186px 943px var(--font-light) , 640px 1739px var(--font-light) , 1735px 95px var(--font-light) , 318px 666px var(--font-light) , 1539px 232px var(--font-light) , 349px 777px var(--font-light) , 829px 245px var(--font-light) , 648px 172px var(--font-light) , 1493px 835px var(--font-light) , 307px 889px var(--font-light) , 197px 891px var(--font-light) , 1917px 1030px var(--font-light) , 315px 377px var(--font-light) , 650px 184px var(--font-light) , 1531px 1409px var(--font-light) , 1330px 1982px var(--font-light) , 1218px 1260px var(--font-light) , 1039px 1632px var(--font-light) , 1914px 655px var(--font-light) , 786px 1548px var(--font-light) , 771px 152px var(--font-light) , 1009px 36px var(--font-light) , 473px 114px var(--font-light) , 814px 669px var(--font-light) , 1777px 1154px var(--font-light) , 764px 579px var(--font-light) , 287px 942px var(--font-light) , 1568px 635px var(--font-light) , 899px 688px var(--font-light) , 488px 1301px var(--font-light) , 851px 1130px var(--font-light) , 1510px 1061px var(--font-light) , 1247px 1617px var(--font-light) , 1485px 928px var(--font-light) , 1023px 435px var(--font-light) , 1644px 1815px var(--font-light) , 652px 1492px var(--font-light) , 84px 1919px var(--font-light) , 1418px 789px var(--font-light) , 1626px 1357px var(--font-light) , 1865px 1592px var(--font-light) , 1022px 240px var(--font-light) , 1841px 426px var(--font-light) , 1649px 1667px var(--font-light) , 1945px 1233px var(--font-light) , 324px 1332px var(--font-light) , 741px 212px var(--font-light) , 476px 1295px var(--font-light) , 502px 13px var(--font-light) , 610px 1034px var(--font-light) , 955px 1854px var(--font-light) , 642px 1396px var(--font-light) , 1362px 876px var(--font-light) , 147px 61px var(--font-light) , 187px 1752px var(--font-light) , 215px 1119px var(--font-light) , 118px 11px var(--font-light) , 1167px 349px var(--font-light) , 1382px 1798px var(--font-light) , 809px 1705px var(--font-light) , 1728px 1023px var(--font-light) , 1497px 1629px var(--font-light) , 439px 1847px var(--font-light) , 616px 1969px var(--font-light) , 1117px 1611px var(--font-light) , 1211px 1767px var(--font-light) , 970px 230px var(--font-light) , 791px 1842px var(--font-light) , 1050px 812px var(--font-light) , 1261px 351px var(--font-light) , 351px 1806px var(--font-light) , 285px 460px var(--font-light) , 428px 745px var(--font-light) , 1391px 1562px var(--font-light) , 1540px 996px var(--font-light) , 1127px 1900px var(--font-light) , 1876px 527px var(--font-light) , 402px 314px var(--font-light) , 99px 746px var(--font-light) , 1332px 1818px var(--font-light) , 584px 1514px var(--font-light) , 1157px 575px var(--font-light) , 1358px 159px var(--font-light) , 1056px 430px var(--font-light) , 1440px 581px var(--font-light) , 687px 1882px var(--font-light) , 1231px 984px var(--font-light) , 1470px 563px var(--font-light) , 905px 1432px var(--font-light) , 757px 1546px var(--font-light) , 1975px 1885px var(--font-light) , 1735px 1979px var(--font-light) , 1352px 1798px var(--font-light) , 1615px 1945px var(--font-light) , 1522px 1367px var(--font-light) , 191px 1879px var(--font-light) , 26px 25px var(--font-light) , 1018px 238px var(--font-light) , 1453px 1551px var(--font-light) , 919px 1829px var(--font-light) , 1401px 91px var(--font-light) , 915px 1412px var(--font-light) , 1766px 1819px var(--font-light) , 195px 1746px var(--font-light) , 802px 495px var(--font-light) , 173px 1756px var(--font-light) , 240px 252px var(--font-light) , 424px 755px var(--font-light) , 1636px 1091px var(--font-light) , 1040px 828px var(--font-light) , 978px 1498px var(--font-light) , 896px 1379px var(--font-light) , 996px 336px var(--font-light) , 198px 1667px var(--font-light) , 802px 421px var(--font-light);
  }
  
  #stars3 {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1184px 417px var(--font-light) , 372px 1830px var(--font-light) , 1044px 768px var(--font-light) , 1549px 413px var(--font-light) , 611px 329px var(--font-light) , 1755px 225px var(--font-light) , 1026px 1773px var(--font-light) , 204px 117px var(--font-light) , 1678px 1648px var(--font-light) , 223px 1070px var(--font-light) , 441px 1539px var(--font-light) , 1877px 384px var(--font-light) , 598px 1506px var(--font-light) , 1934px 1933px var(--font-light) , 952px 87px var(--font-light) , 1359px 1838px var(--font-light) , 1601px 1343px var(--font-light) , 1987px 1436px var(--font-light) , 36px 1730px var(--font-light) , 182px 1606px var(--font-light) , 1615px 1222px var(--font-light) , 392px 171px var(--font-light) , 95px 721px var(--font-light) , 1215px 755px var(--font-light) , 1835px 1081px var(--font-light) , 12px 1324px var(--font-light) , 980px 1909px var(--font-light) , 1094px 1851px var(--font-light) , 1938px 355px var(--font-light) , 1095px 1282px var(--font-light) , 814px 528px var(--font-light) , 390px 260px var(--font-light) , 201px 169px var(--font-light) , 1899px 372px var(--font-light) , 684px 1016px var(--font-light) , 204px 949px var(--font-light) , 1096px 660px var(--font-light) , 1974px 1269px var(--font-light) , 899px 1845px var(--font-light) , 762px 150px var(--font-light) , 1241px 1410px var(--font-light) , 90px 58px var(--font-light) , 1118px 934px var(--font-light) , 1796px 1360px var(--font-light) , 1887px 1553px var(--font-light) , 713px 1530px var(--font-light) , 1590px 1021px var(--font-light) , 133px 959px var(--font-light) , 409px 1157px var(--font-light) , 1954px 1935px var(--font-light) , 568px 200px var(--font-light) , 1902px 1206px var(--font-light) , 357px 1362px var(--font-light) , 316px 158px var(--font-light) , 1735px 1276px var(--font-light) , 962px 307px var(--font-light) , 1677px 1445px var(--font-light) , 1268px 1469px var(--font-light) , 1486px 1761px var(--font-light) , 1219px 1373px var(--font-light) , 1476px 134px var(--font-light) , 1227px 1755px var(--font-light) , 1036px 841px var(--font-light) , 894px 917px var(--font-light) , 624px 1862px var(--font-light) , 1873px 1585px var(--font-light) , 645px 559px var(--font-light) , 1491px 741px var(--font-light) , 915px 1102px var(--font-light) , 1397px 1821px var(--font-light) , 1418px 1360px var(--font-light) , 862px 921px var(--font-light) , 1462px 1186px var(--font-light) , 513px 1801px var(--font-light) , 1102px 283px var(--font-light) , 1928px 1237px var(--font-light) , 1989px 1898px var(--font-light) , 1145px 896px var(--font-light) , 710px 1253px var(--font-light) , 461px 844px var(--font-light) , 306px 804px var(--font-light) , 1365px 841px var(--font-light) , 285px 1725px var(--font-light) , 82px 110px var(--font-light) , 1879px 1893px var(--font-light) , 1409px 832px var(--font-light) , 523px 1127px var(--font-light) , 1744px 265px var(--font-light) , 1458px 1189px var(--font-light) , 373px 713px var(--font-light) , 247px 1821px var(--font-light) , 1985px 816px var(--font-light) , 687px 166px var(--font-light) , 1247px 314px var(--font-light) , 274px 1620px var(--font-light) , 558px 610px var(--font-light) , 332px 1685px var(--font-light) , 1448px 385px var(--font-light) , 110px 584px var(--font-light) , 604px 261px var(--font-light);
    animation: animStar 150s linear infinite;
  }

  #stars3:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1184px 417px var(--font-light) , 372px 1830px var(--font-light) , 1044px 768px var(--font-light) , 1549px 413px var(--font-light) , 611px 329px var(--font-light) , 1755px 225px var(--font-light) , 1026px 1773px var(--font-light) , 204px 117px var(--font-light) , 1678px 1648px var(--font-light) , 223px 1070px var(--font-light) , 441px 1539px var(--font-light) , 1877px 384px var(--font-light) , 598px 1506px var(--font-light) , 1934px 1933px var(--font-light) , 952px 87px var(--font-light) , 1359px 1838px var(--font-light) , 1601px 1343px var(--font-light) , 1987px 1436px var(--font-light) , 36px 1730px var(--font-light) , 182px 1606px var(--font-light) , 1615px 1222px var(--font-light) , 392px 171px var(--font-light) , 95px 721px var(--font-light) , 1215px 755px var(--font-light) , 1835px 1081px var(--font-light) , 12px 1324px var(--font-light) , 980px 1909px var(--font-light) , 1094px 1851px var(--font-light) , 1938px 355px var(--font-light) , 1095px 1282px var(--font-light) , 814px 528px var(--font-light) , 390px 260px var(--font-light) , 201px 169px var(--font-light) , 1899px 372px var(--font-light) , 684px 1016px var(--font-light) , 204px 949px var(--font-light) , 1096px 660px var(--font-light) , 1974px 1269px var(--font-light) , 899px 1845px var(--font-light) , 762px 150px var(--font-light) , 1241px 1410px var(--font-light) , 90px 58px var(--font-light) , 1118px 934px var(--font-light) , 1796px 1360px var(--font-light) , 1887px 1553px var(--font-light) , 713px 1530px var(--font-light) , 1590px 1021px var(--font-light) , 133px 959px var(--font-light) , 409px 1157px var(--font-light) , 1954px 1935px var(--font-light) , 568px 200px var(--font-light) , 1902px 1206px var(--font-light) , 357px 1362px var(--font-light) , 316px 158px var(--font-light) , 1735px 1276px var(--font-light) , 962px 307px var(--font-light) , 1677px 1445px var(--font-light) , 1268px 1469px var(--font-light) , 1486px 1761px var(--font-light) , 1219px 1373px var(--font-light) , 1476px 134px var(--font-light) , 1227px 1755px var(--font-light) , 1036px 841px var(--font-light) , 894px 917px var(--font-light) , 624px 1862px var(--font-light) , 1873px 1585px var(--font-light) , 645px 559px var(--font-light) , 1491px 741px var(--font-light) , 915px 1102px var(--font-light) , 1397px 1821px var(--font-light) , 1418px 1360px var(--font-light) , 862px 921px var(--font-light) , 1462px 1186px var(--font-light) , 513px 1801px var(--font-light) , 1102px 283px var(--font-light) , 1928px 1237px var(--font-light) , 1989px 1898px var(--font-light) , 1145px 896px var(--font-light) , 710px 1253px var(--font-light) , 461px 844px var(--font-light) , 306px 804px var(--font-light) , 1365px 841px var(--font-light) , 285px 1725px var(--font-light) , 82px 110px var(--font-light) , 1879px 1893px var(--font-light) , 1409px 832px var(--font-light) , 523px 1127px var(--font-light) , 1744px 265px var(--font-light) , 1458px 1189px var(--font-light) , 373px 713px var(--font-light) , 247px 1821px var(--font-light) , 1985px 816px var(--font-light) , 687px 166px var(--font-light) , 1247px 314px var(--font-light) , 274px 1620px var(--font-light) , 558px 610px var(--font-light) , 332px 1685px var(--font-light) , 1448px 385px var(--font-light) , 110px 584px var(--font-light) , 604px 261px var(--font-light);
  }
  
  #title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--font-light);
    text-align: center;
    font-weight: 300;
    font-size: 3rem;
    letter-spacing: 1rem;
    text-transform: uppercase;
  }

  #title span {
    background: -webkit-linear-gradient(var(--font-light), var(--accent-clr));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  #title .special {
    font-family: Devtom;
    font-size: 6rem;
  }

  #title .unnacc-small {
    font-size: 1.4rem;
    line-height: 1rem;
    letter-spacing: 0.5rem;
  }
  
  @keyframes animStar {
    from {
      transform: translateY(0px);
    }
    to {
      transform: translateY(-2000px);
    }
  }


  /* error page */
  .err-cnt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .err-small {
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-size: 2rem;
    letter-spacing: 0.5rem;
  }
  
  
  /* about page */
  .load-svg {
    width: 12rem;
    height: 12rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
}

.load-svg svg {
    width: 10rem;
    height: 10rem;
}

.load-svg svg path, circle {
    fill: var(--accent-clr);
}

.circle {
    position: absolute;
    border-radius: 50%;
}

.frs {
    width: 30rem;
    height: 30rem;
    border-left: 0.5rem solid var(--primary-clr);
    animation: rightrt 2s linear infinite;
}

.snd {
    width: 26rem;
    height: 26rem;
    border-right: 0.5rem solid var(--secondary-clr);
    animation: leftrt 2s linear infinite;
}

.thr {
    width: 22rem;
    height: 22rem;
    border-top: 0.5rem solid var(--accent-clr);
    animation: rightrt 2s linear infinite;
}

.frt {
    width: 18rem;
    height: 18rem;
    border-bottom: 0.5rem solid var(--font-light);
    animation: leftrt 2s linear infinite;
}

.about-gapped {
  gap: 3rem;
}

.clock {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60rem;
  height: 40rem;
  background: var(--glass-clr);
  border-radius: var(--small-radius);
  overflow: hidden;
  backdrop-filter: blur(0.5rem);
  z-index: 100;
  border-top: 0.1rem solid rgba(239, 255, 246, 0.25);
  border-left: 0.1rem solid rgba(239, 255, 246, 0.25);
  box-shadow: var(--shadow);
}

.inside-clock {
  position: relative;
  width: 57.5rem;
  height: 37.5rem;
  display: flex;
  background: var(--light-glass-clr);
  border-top: 0.1rem solid rgba(239, 255, 246, 0.25);
  border-left: 0.1rem solid rgba(239, 255, 246, 0.25);
  border-radius: var(--small-radius);
  box-shadow: var(--small-shadow);
  justify-content: center;
  align-items: center;
}

.clock-content {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1.25rem;
}

.clock-head {
  position: relative;
  width: fit-content;
  display: flex;
  gap: 1rem;
  font-size: 2.75rem;
}

.statussmall {
  color : var(--status-clr);
}

.clock-days {
  position: relative;
  font-size: 2rem;
  color: rgba(239, 255, 246, 0.6);
}

.clock-days span {
  margin-left: 2.1rem;
}

.time-txt {
  position: relative;
  width: fit-content;
  height: auto;
  font-size: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.time-txt::before,
.time-txt::after {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height:0.15rem;
  background: var(--font-light);
  opacity: 0.6;
}

.time-txt::before {
  top: 1rem;
}

.time-txt::after {
  bottom: 1rem;
}

.time-txt span {
  width: 6rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

#micro {
  opacity: 0.6;
}

#actual-time {
  color: var(--primary-clr);
}

#actual-date {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  font-size: 1.6rem;
}

#calendar {
  position: relative;
  width: 4rem;
  height:4rem;
}

#calendar svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#calendar svg path {
  fill: var(--font-light);
}

.holday-name {
  font-size: 2rem;
}


/* webdev page */
.serv-drop-sec {
  margin-top: 10rem;
  margin-bottom: 4rem;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.serv-drop-sec.maint {
  margin: 4rem 0;
}

.serv-drop-cnt {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(
      45deg, var(--secondary-clr), 
      var(--accent-clr), rgba(255, 255, 255, 0.2), 
      rgba(255, 255, 255, 0.2));
  background-size: 300% 300%;
  overflow: hidden;
  animation: rangi 12s ease-in-out infinite;
}

@keyframes rangi {
  0% {
      background-position: 0 50%;
  }
  50% {
      background-position: 100% 50%;
  }
  100% {
      background-position: 0 50%;
  }
}

.serv-drop-inner {
  position: relative;
  width: 95%;
  margin: 2rem 0;
  padding: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(0,0,0,0.5);
  box-shadow: var(--shadow);
  backdrop-filter: blur(1rem);
  overflow: hidden;
}

.serv-drop-inner::before {
  position: absolute;
  content: "";
  top: 0;
  left: -50%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  transform: skew(345deg);
}

.drop-left {
  width: 45%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

.drop-left h1,
.drop-left h2 {
  position: relative;
  font-family: Devtom;
  font-size: 4rem;
  letter-spacing: 0.2rem;
  color: var(--primary-clr);
  margin-bottom: 3rem;
  z-index: 10;
}

.drop-left h1 span,
.drop-left h2 span {
  color: var(--secondary-clr);
}

.drop-left h1::before,
.drop-left h2::before {
  position: absolute;
  content: "";
  top: 105%;
  left: 0;
  width: 25%;
  height: 0.3rem;
  background: var(--accent-clr);
  border-radius: 0.5rem;
}

.drop-right {
  position: relative;
  width: 50rem;
  height: 30rem;
  background: rgba(255, 255, 255, 0.1);
  border: 0.1rem solid rgba(255, 255, 255, 0.3);  
  box-shadow: var(--shadow);
  backdrop-filter: blur(1rem);
  z-index: 10;
}

@keyframes rightrt {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes leftrt {
    0% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}


  /* responsiveness */
@media(max-width:1250px) {
  .clock {
    transform: translate(-50%, -50%) scale(0.75);
  }
}


  @media (max-width: 991px) {
    .nav-list {
        position: absolute;
        top: 6rem;
        right:100%;
        height: calc(100vh - 6rem);
        flex-direction: column;
        width: 100%;
        background: linear-gradient(to left , var(--darker-glass-clr), #000);
        transition: 0.3s ease-in-out;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .nav-list > li {
        line-height: 6rem;
    }

    .sub-menu {
        position: initial;
        margin-left: 1rem;
        border-top: none;
        border-left: 0.25rem solid var(--secondary-clr);
        max-height: 0;
        width: 100%;
    }

    .sub-menu::before {
        display: none;
    }

    .nav-list li:hover > .sub-menu {
        opacity: 1;
        visibility: visible;
        max-height: initial;
    }

    .menu-icons  {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nav-list.is-active {
       right: 0;
    }

    footer {
        padding: 5rem 5%;
    }

    .footer-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .copyright {
        padding: 2rem 5%;
    }

    .contact-cnt {
      width: 95%;
    }

    .faq-sec {
      justify-content: center;
      align-items: center;
    }

    .faq-container {
      width: 95%;
      margin-left: 0;
    }
}

@media(max-width: 950px) {

    .home-cnt {
      width: 95%;
    }

    .gen-cnt {
      flex-direction: column;
    }

    .columned-reverse {
      flex-direction: column-reverse;
    }

    .gen-inner-cnt {
      width: 100%;
    }

    .serv-drop-inner {
      flex-direction: column;
  }

  .drop-left {
      width: 100%;
      margin-bottom: 2rem;
  }

  .drop-right {
    width: 100%;
  }

  .home-figure {
    left: 50%;
  }

  .home-sec:hover .home-figure {
    transform: translate(50%, -50%) rotateX(0deg) rotateY(0deg) scale(1.75, 1.75);
  }

}

@media(max-width:900px) {
}

@media (max-width: 770px) {

    .footer-container {
        grid-template-columns: repeat(1, 1fr);
    }

    .timeline-items::before {
      left: 0.7rem
  }

  .timeline-item:nth-child(odd) {
      padding-right: 0;
      text-align: left;
  }

  .timeline-item:nth-child(even),
  .timeline-item:nth-child(odd) {
      padding-left: 3rem;
  }

  .timeline-dot {
      left: 0;
  }
    
  }

  @media(max-width: 660px) {
    
    .contact-inner-cnt .row-100 {
      grid-gap: 0;
    }

    .contact-inner-cnt .row-100.row-50 {
      width: 100%;
    }

    .hm-pg-abt-wr {
      gap: 4rem;
    }

    .img-cnt {
      width: 100%;
      height: 40rem;
    }

    .img-cnt.sub-img {
      width: 10rem;
      height: 10rem;
    }

    .sub-contact-cnt {
      width: calc(100% - 11rem);
    }

    #title {
      font-size: 2rem;
    }

    #title .special {
      font-size: 4rem;
    }

  }

  @media(max-width: 500px) {

    .home-figure {
      left: 50%;
      transform: translate(-50%, -50%) rotateX(-40deg) rotateY(30deg)
        scale(1.25, 1.25);
    }

    .home-sec:hover .home-figure {
      transform: translate(-50%, -50%) rotateX(0deg) rotateY(0deg) scale(1.25, 1.25);
    }

    .clock {
      transform: translate(-50%, -50%) scale(0.6);
    }
  }

  @media(max-width: 400px) {
    .header-head {
      font-size: 4.5rem;
    }

    #title .special {
      font-size: 3rem;
    }

    #title .unnacc-small {
      font-size: 1.2rem;
    }
  }