:root {
  color-scheme: dark;
}

html {
  scroll-behavior: smooth;
  cursor: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 512 512' width='32' height='32'%3E%3C!--! Cursor icon - added green stroke - Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath stroke='lime' stroke-width='22px' d='M0 55.2V426c0 12.2 9.9 22 22 22c6.3 0 12.4-2.7 16.6-7.5L121.2 346l58.1 116.3c7.9 15.8 27.1 22.2 42.9 14.3s22.2-27.1 14.3-42.9L179.8 320H297.9c12.2 0 22.1-9.9 22.1-22.1c0-6.3-2.7-12.3-7.4-16.5L38.6 37.9C34.3 34.1 28.9 32 23.2 32C10.4 32 0 42.4 0 55.2z'/%3E%3C/svg%3E") 1 0, auto;
  overflow-x: hidden;
}
@media (min-width: 2000px) {
  html {
    font-size: 21px;
  }
}
@media (max-width: 850px) {
  html {
    font-size: 14.6px;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 12px;
  }
}
@media (max-width: 635px) {
  html {
    font-size: 10px;
  }
}
@media (max-width: 526px) {
  html {
    font-size: 9px;
  }
}
@media (max-width: 475px) {
  html {
    font-size: 8px;
  }
}
@media (max-width: 420px) {
  html {
    font-size: 7.7px;
  }
}
@media (max-width: 405px) {
  html {
    font-size: 7.2px;
  }
}
@media (max-width: 374px) {
  html {
    font-size: 6.8px;
  }
}
@media (max-width: 355px) {
  html {
    font-size: 6.5px;
  }
}
@media (max-width: 340px) {
  html {
    font-size: 6.1px;
  }
}

body {
  font-family: "consolasregular";
  font-weight: normal;
  font-style: normal;
  background: black;
  color: lime;
  margin: 0;
}

a:hover, button:hover {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -14 612 612' height='37' width='37'%3E%3C!--! Cursor icon - added green stroke - Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath stroke='lime' stroke-width='22' d='M128 40c0-22.1 17.9-40 40-40s40 17.9 40 40V188.2c8.5-7.6 19.7-12.2 32-12.2c20.6 0 38.2 13 45 31.2c8.8-9.3 21.2-15.2 35-15.2c25.3 0 46 19.5 47.9 44.3c8.5-7.7 19.8-12.3 32.1-12.3c26.5 0 48 21.5 48 48v48 16 48c0 70.7-57.3 128-128 128l-16 0H240l-.1 0h-5.2c-5 0-9.9-.3-14.7-1c-55.3-5.6-106.2-34-140-79L8 336c-13.3-17.7-9.7-42.7 8-56s42.7-9.7 56 8l56 74.7V40zM240 304c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304zm48-16c-8.8 0-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304c0-8.8-7.2-16-16-16zm80 16c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304z'/%3E%3C/svg%3E") 10 -4, auto;
}

a {
  color: lime;
  text-decoration: none;
}
a.extra-anchor-styles {
  text-decoration: underline;
  text-decoration-color: rgb(0, 170, 0);
  text-underline-offset: 0.2rem;
}
a.extra-anchor-styles:hover {
  text-decoration-color: lime;
}
a.extra-anchor-styles:active {
  text-decoration-color: rgb(0, 190, 0);
}

::-moz-selection {
  background-color: rgba(0, 255, 0, 0.4);
  color: lime;
}

::selection {
  background-color: rgba(0, 255, 0, 0.4);
  color: lime;
}

::-webkit-scrollbar:horizontal {
  height: 8px;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
  outline: 2px dashed lime;
}

::-webkit-scrollbar-thumb {
  background-color: black;
  outline: 2px solid lime;
  border-right: 2px solid lime;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 255, 0, 0.332);
}

#main-content {
  position: relative;
  background: transparent;
  z-index: 999;
}

#particles-main-content {
  position: sticky;
  top: 0;
  height: 100vh;
  width: 100%;
  background: black;
  z-index: -1;
  pointer-events: none;
}
#particles-main-content canvas {
  position: relative;
  z-index: -1;
}

.section-heading {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 55px;
  margin: 0 auto;
  padding: 6.5625rem 0;
  text-shadow: 0 0 25px lime, 0 0 30px lime, 0 0 40px lime, 0 0 50px lime;
}
.section-heading::before {
  content: ">>";
  position: absolute;
  font-size: 50px;
  margin-left: -64px;
  letter-spacing: -7px;
}
.section-heading::after {
  content: "<<";
  position: absolute;
  font-size: 50px;
  margin-left: 11.5px;
  letter-spacing: -7px;
}
@media (min-width: 2000px) {
  .section-heading {
    scale: 1.7;
  }
}
@media (max-width: 850px) {
  .section-heading {
    scale: 0.9;
  }
}
@media (max-width: 540px) {
  .section-heading {
    scale: 0.88;
  }
}
@media (max-width: 425px) {
  .section-heading {
    scale: 0.77;
  }
}
@media (max-width: 375px) {
  .section-heading {
    scale: 0.73;
  }
}
@media (max-width: 320px) {
  .section-heading {
    scale: 0.7;
  }
}

#about-heading {
  margin-top: -100vh;
}

@media (min-width: 1300px) {
  #about-content {
    scroll-margin-top: 20px;
  }
}

#contact-heading {
  padding: 0;
  margin-top: 6.2rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 850px) {
  #contact-heading {
    margin-top: 7rem;
    margin-bottom: 6rem;
  }
}

#contact-content {
  margin-bottom: 5.3rem;
}
@media (max-width: 850px) {
  #contact-content {
    margin-bottom: 10rem;
  }
}
@media (max-width: 525px) {
  #contact-content {
    margin-bottom: 13rem;
  }
}

@media (max-width: 3000px) and (min-width: 769px) {
  #about, #projects {
    scroll-margin-top: -20px;
  }
}
@media (max-width: 635px) {
  #about, #projects {
    scroll-margin-top: 25px;
  }
}
@media (max-width: 360px) {
  #about, #projects {
    scroll-margin-top: 30px;
  }
}

#contact {
  scroll-margin-top: -1000px;
}/*# sourceMappingURL=global.css.map */