@font-face {
  font-family: "Helvetica";
  src: url("https://ik.imagekit.io/sheryians/Fonts/helvetica/HelveticaNowDisplay-Regular_5Mzhp8KlA8_CAVTbnsPOM.woff2?updatedAt=1714048137030");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica";
  src: url("https://ik.imagekit.io/sheryians/Fonts/helvetica/HelveticaNowDisplay-Thin_J0zaDW5kUV_cvf1ZCDypY.woff2?updatedAt=1714048137584");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica";
  src: url("https://ik.imagekit.io/sheryians/Fonts/helvetica/HelveticaNowDisplay-Light_M4nzWhve6k_k7HolyzL10.woff2?updatedAt=1714048137233");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica";
  src: url("https://ik.imagekit.io/sheryians/Fonts/helvetica/HelveticaNowDisplay-Medium_2wEhlmo-TD_wsqqEEwmJC.woff2?updatedAt=1714048136783");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica";
  src: url("https://ik.imagekit.io/sheryians/Fonts/helvetica/HelveticaNowDisplay-Bold_VMHV5twUMR_2SBNfxj1ry.woff2?updatedAt=1714048134442");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica";
  src: url("https://ik.imagekit.io/sheryians/Fonts/helvetica/HelveticaNowDisplay-Hairline_9Jz6JFa3S_u32EafJPG.woff2?updatedAt=1714048136620");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica";
  src: url("https://ik.imagekit.io/sheryians/Fonts/helvetica/HelveticaNowDisplay-LightIta_mLZfHYSDzL_zoX1nh7QCH.woff2?updatedAt=1714048137165");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica";
  src: url("https://ik.imagekit.io/sheryians/Fonts/helvetica/HelveticaNowDisplay-RegIta_ZQZ0ISuECo_Ebf0ebpNZw.woff2?updatedAt=1714048136741");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica";
  src: url("https://ik.imagekit.io/sheryians/Fonts/helvetica/HelveticaNowDisplay-ThinIta__6kihetaOz_w4-Sx_LrF0.woff2?updatedAt=1714048137583");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica";
  src: url("https://ik.imagekit.io/sheryians/Fonts/helvetica/HelveticaNowDisplay-MedIta_s4wTiA5al_YBtT5S80dg.woff2?updatedAt=1714048137131");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica";
  src: url("https://ik.imagekit.io/sheryians/Fonts/helvetica/HelveticaNowDisplay-HairlineI_KIzj8Plwv_0Olitr0Zj1.woff2?updatedAt=1714048136797");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica";
  src: url("https://ik.imagekit.io/sheryians/Fonts/helvetica/HelveticaNowDisplay-ExtBlkIta_f0giU-O0Yd_sAomO0ePGQ.woff2?updatedAt=1714048134074");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica";
  src: url("https://ik.imagekit.io/sheryians/Fonts/helvetica/HelveticaNowDisplay-BoldIta_O5gX7g1L5_EGb7W3WC7O.woff2?updatedAt=1714048134080");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica";
  src: url("https://ik.imagekit.io/sheryians/Fonts/helvetica/HelveticaNowDisplay-Black_-pjI4fOp4E_mmKDOiFYb1.woff2?updatedAt=1714048134434");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica";
  src: url("https://ik.imagekit.io/sheryians/Fonts/helvetica/HelveticaNowDisplay-BlackIta_y1WeOftIb_moP1jEfkvM.woff2?updatedAt=1714048134096");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica";
  src: url("https://ik.imagekit.io/sheryians/Fonts/helvetica/HelveticaNowDisplay-ExtBlk_yunH-AhU2b_d1mB8gCvOj.woff2?updatedAt=1714048133983");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica";
  src: url("https://ik.imagekit.io/sheryians/Fonts/helvetica/HelveticaNowDisplay-ExtLtIta_GJzq7onfxt_6WJ9e-RWZL.woff2?updatedAt=1714048134137");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica";
  src: url("https://ik.imagekit.io/sheryians/Fonts/helvetica/HelveticaNowDisplay-ExtBdIta__MPkMs25CD_MEFsGC4G_T.woff2?updatedAt=1714048134073");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Helvetica";
  src: url("https://ik.imagekit.io/sheryians/Fonts/helvetica/HelveticaNowDisplay-ExtraBold_Qqt_sGOvuc_Z0ZOJEQucI.woff2?updatedAt=1714048134441");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica";
  src: url("https://ik.imagekit.io/sheryians/Fonts/helvetica/HelveticaNowDisplay-ExtLt_R50yORjQ9_zDWWhh4hzv.woff2?updatedAt=1714048134072 ");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  src: url("https://ik.imagekit.io/sheryians/Fonts/SourceCodePro-VariableFont_wght_6jNfJu5_qA.ttf?updatedAt=1731422147701");
  font-family: "SourceCodePro";
  font-weight: 400;
}
* {
  margin: 0%;
  padding: 0%;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-rendering: optimizeSpeed;
  font-family: "Helvetica";
  color: var(--text-color);
}
*::-moz-selection {
  color: var(--ui-element-color) !important;
  background: var(--text-color) !important;
}
*::selection {
  color: var(--ui-element-color) !important;
  background: var(--text-color) !important;
}

*:focus {
  outline: none;
}

*::-moz-selection {
  color: var(--primaryLight);
  background: var(--primaryDark);
}

*::selection {
  color: var(--primaryLight);
  background: var(--primaryDark);
}

html,
body {
  height: 100%;
  width: 100%;
}

html ::-webkit-scrollbar,
body ::-webkit-scrollbar {
  width: 5px;
}

html ::-webkit-scrollbar-thumb,
body ::-webkit-scrollbar-thumb {
  border-radius: 3px;
}

body main {
  max-width: 125rem;
}
body main .code-font {
  font-family: "SourceCodePro";
}
body #background {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
}

html {
  /* primary-colors */
  --cod-gray: #0c0c0c;
  --mercury: #e9e9e9;
  /* secondary-colors */
  --black: #000000;
  --gray-950: #121212;
  --Shark: #1e1e1e;
  --fuscous-gray: #4f4f4f;
  --boulder: #7c7c7c;
  --cod-gray-200: #d1d1d1;
  --gray-86: #dbdbdb;
  --Silver-Chalice: #b3b3b3;
  --white: #ffffff;
  --Wild-Sand: #f4f4f4;
  --background-color: #0c0c0c;
  --ternary-gray-color: #202020;
  /* Accent-colors */
  --caribbean-green: #24cfa6;
  --Lochinvar: #428e7c;
  /* warnings and error */
  --error-color: #882727;
  /* padding and sizing */
  --main-horizontal-padding: 4.9rem;
  /* variable in use */
  --text-color: var(--mercury);
  --ui-element-color: #2C2C2C;
  --ui-element-secondary-color: #171717;
  --ui-element-ternary-color: #1D1D1D;
  --ui-element-highlight-color: var(--gray-950);
  --accent-color: var(--caribbean-green);
  --sub-text-color: #9E9E9E;
  --form-input-border: #3c3c3c;
  --link-color: #0084FF;
  --discord-color: #7b40ff;
  --dot-dimension: 0.5em;
  font-size: clamp(14px, 0.85vw, 16px);
  --main-horizontal-padding: 5rem;
  transition: all 0.15s ease-in-out;
}

@media screen and (max-width: 600px) {
  html {
    --main-horizontal-padding: 4vw;
    font-size: clamp(12px, 1.5vw, 16px) !important;
  }
}
@media (max-width: 600px) {
  html ::-webkit-scrollbar,
  body ::-webkit-scrollbar {
    display: none;
  }
}

main {
  width: 100%;
}
main .view {
  width: 100%;
  padding: var(--main-horizontal-padding);
}

.text-highlight {
  color: var(--accent-color);
  text-decoration: none;
}

.btn {
  padding: 0.45em 1.5em;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--black);
  border-radius: 0.4em;
  border: none;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
}
.btn:hover {
  filter: brightness(1.08);
}

.btn-primary {
  background-color: var(--accent-color);
  color: var(--black);
}

.btn-secondary {
  background-color: var(--link-color) !important;
  color: var(--mercury);
}

.btn-dark {
  background-color: var(--form-input-border);
  color: var(--mercury);
}

.btn-ternary {
  background-color: var(--sub-text-color);
  color: var(--ui-element-color);
}

.discord {
  background-color: var(--discord-color) !important;
}
@media (prefers-color-scheme: light) {
  .discord {
    color: var(--ui-element-color) !important;
  }
}

.color-white {
  color: var(--white) !important;
}

.shadow-bottom {
  box-shadow: 0px 10px 10px -5px rgba(236, 236, 236, 0.6);
}

.shadow-primary {
  box-shadow: 0px 0.7em 2em -1em var(--accent-color);
}

.loader-container {
  position: absolute;
  bottom: -2rem;
  left: 0;
  width: 100%;
}
.loader-container .loader {
  background-color: rgba(221, 221, 221, 0);
  border-radius: 4px;
  overflow: hidden;
  height: 1px;
}
.loader-container .progress {
  height: 100%;
  width: 0%;
  background: var(--accent-color);
  transition: width 0.1s ease-in-out;
}
.loader-container .percentage {
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}/*# sourceMappingURL=common.css.map */