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

body {
  margin: 0;
  line-height: normal;
  min-height: 100vh;
  position: relative;
  font-family:"Montserrat", sans-serif;
}

body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}


li {
  list-style: none;
}

a {
  text-decoration: none;
}
:root {
  /* fonts */
  --font-montserrat: "Montserrat", sans-serif;

  /* font sizes */
  --font-size-sm: 0.875rem;
  --font-size-lg: 1.125rem;
  --font-size-5xl: 1.5rem;
  --font-size-lgi: 1.188rem;
  --font-size-smi: 0.813rem;
  --font-size-17xl: 2.25rem;
  --font-size-3xl: 1.375rem;
  --font-size-10xl: 1.813rem;
  --font-size-base: 1rem;
  --font-size-72outline: 4.5rem;

  /* Colors */
  --ffffff: #fff;
  --color-whitesmoke-100: #f5f5f5;
  --color-whitesmoke-200: #eaeaea;
  --color-gray-100: #757575;
  --color-gray-200: rgba(255, 255, 255, 0.7);
  --color-gray-300: rgba(255, 255, 255, 0.5);
  --color-gray-400: rgba(255, 255, 255, 0.04);
  --color-gray-500: rgba(255, 255, 255, 0.8);
  --color-teal: #297c6b;
  --color-mediumaquamarine: #5bc8af;
  --color-darkslategray-100: #333;

  /* Gaps */
  --gap-xl: 20px;
  --gap-17xl: 36px;
  --gap-lg: 18px;
  --gap-8xl: 27px;
  --gap-base: 16px;
  --gap-13xl: 32px;
  --gap-5xs: 8px;

  /* Paddings */
  --padding-19xl: 38px;
  --padding-xl: 20px;
  --padding-6xs: 7px;
  --padding-2xl: 21px;
  --padding-17xl: 36px;
  --padding-xs: 12px;
  --padding-base: 16px;
  --padding-15xl: 34px;
  --padding-3xl: 22px;
  --padding-12xs: 1px;
  --padding-smi: 13px;
  --padding-11xs: 2px;

  /* Border radiuses */
  --br-5xs: 8px;
  --br-9xs: 4px;
  --br-xs: 12px;
  --br-11xs: 2px;
}