@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Questrial&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Orbitron:wght@400..900&family=Questrial&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Orbitron:wght@400..900&family=Questrial&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Orbitron:wght@400..900&family=Questrial&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

:root {
  /* fonts */
  --font-work-sans: "Work Sans";
  --font-lora: Lora;
  --font-orbitron: Orbitron;
  --font-roboto: Roboto;
  --label: "Chakra Petch";
  --font-inter: Inter;

  /* font sizes */
  --label-size: 16px;
  --font-size-xl: 20px;
  --font-size-31xl: 50px;
  --font-size-11xl: 30px;
  --font-size-21xl: 40px;
  --font-size-lg: 18px;
  --font-size-5xl: 24px;
  --font-size-61xl: 80px;
  --font-size-base-3: 15.3px;
  --font-size-xs: 12px;

  /* Colors */
  --color-darkslategray-100: #3b5469;
  --color-darkslategray-200: #0d2940;
  --color-white: #fff;
  --color-gainsboro: rgba(217, 217, 217, 0.01);
  --color-aqua-100: #09ffff;
  --color-paleturquoise-100: #c3fafc;
  --color-paleturquoise-200: #b2fbff;
  --color-paleturquoise-300: #a6f6ff;
  --color-paleturquoise-400: rgba(178, 251, 255, 0.5);
  --color-paleturquoise-500: rgba(166, 246, 255, 0.7);
  --color-gray-100: #072035;
  --color-gray-200: rgba(255, 255, 255, 0.05);
  --color-silver: #b4c5cb;
  --color-darkgray: #9a9a9a;
  --color-list-bg: #081b2b;

  /* Gaps */
  --gap-2: 2px;
  --gap-4: 4px;
  --gap-10: 10px;
  --gap-base: 16px;
  --gap-xl: 20px;
  --gap-24xl: 43px;
  --gap-23xl: 42px;
  --gap-9xl: 28px;
  --gap-7xl: 26px;
  --gap-6xl: 25px;
  --gap-8xs: 5px;
  --gap-19xl: 38px;
  --gap-57xl: 76px;
  --gap-mid: 17px;
  --gap-sm: 14px;
  --gap-21xl: 40px;
  --gap-lgi: 19px;
  --gap-lg: 18px;
  --gap-16xl: 35px;
  --gap-3xs-6: 9.6px;
  --gap-4xl-5: 23.5px;

  /* Paddings */
  --content-padding: 72px;
  --padding-41xl: 60px;
  --padding-11xl: 30px;
  --padding-xs: 12px;
  --padding-sm: 14px;
  --padding-smi: 13px;
  --padding-3xl: 22px;
  --padding-xl: 20px;
  --padding-8xl: 27px;
  --padding-81xl: 100px;
  --padding-39xl: 58px;
  --padding-6xl: 25px;
  --padding-2xl: 21px;
  --padding-4xl: 23px;
  --padding-9xl: 28px;
  --padding-mid: 17px;
  --padding-26xl: 45px;
  --padding-5xl: 24px;
  --padding-82xl: 101px;
  --padding-7xs-3: 5.3px;
  --padding-18xl: 37px;
  --padding-11xs: 2px;
  --padding-5xs: 8px;
  --padding-3xs: 10px;
  --padding-58xl: 77px;
  --padding-12xl: 31px;
  --padding-27xl: 46px;
  --padding-10xl: 29px;
  --padding-51xl: 70px;
  --padding-12xs: 1px;
  --padding-28xl: 47px;
  --padding-16xl: 35px;

  /* Border radiuses */
  --br-xl: 22px;
  --br-3xs: 10px;
  --br-5xs: 8px;
  --br-base: 16px;
  --br-xs-4: 11.4px;
  --br-258xl-5: 277.5px;
  --br-12xs: 1px;
}

html,
body {
  overflow-x: hidden;
  height: 100%;
}

body {
  margin: 0;
  line-height: normal;
  background-color: var(--color-darkslategray-200);
  color: var(--color-white);
  font-family: "Work Sans", sans-serif;
  position: relative;
  max-width: 100vw;
}

button,
input[type="submit"],
input[type="reset"] {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

a {
  color: inherit;
  text-decoration: inherit; /* no underline */
}

h1,
p {
  margin: 0;
}

ul {
  list-style-type: none;
}