html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  line-height: normal;
  background-color: var(--mood-black);
}

*, ::after, ::before {
  box-sizing: border-box;
}

:root {
  /* fonts */
  --font-hurme-geometric-sans-3: "Hurme Geometric Sans 3";
  --font-trim-mono: "Trim Mono";

  /* font sizes */
  --font-size-sm: 0.88rem;
  --font-size-base: 1rem;
  --font-size-5xl: 1.5rem;
  --font-size-lgi: 1.19rem;
  --font-size-lg: 1.13rem;
  --font-size-45xl: 4rem;
  --font-size-29xl: 3rem;
  --font-size-10xl: 1.81rem;
  --font-size-19xl: 2.38rem;
  --font-size-32xl: 3.19rem;

  h1, h2, h3, h4, h5, h6 {
    -webkit-margin-before: 0.5rem;
    margin-block-start: 0.5rem;
    -webkit-margin-after: 1rem;
    margin-block-end: 1rem;
    font-weight: 400;
    line-height: 1.2;
  }

  p {
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0.9rem;
    margin-block-end: 0.9rem;
    font-family: var(--font-hurme-geometric-sans-3);
    font-size: var(--font-size-lg);
    color: var(--mood-black);
    font-weight: 300;
  }

  a {
    font-weight: 300;
  }

  .button {
    font-family: var(--font-hurme-geometric-sans-3);
  }

  /* Colors */
  --social-tangerine: #ff8f44;
  --warm-grey: #f4f3ee;
  --color-whitesmoke-100: #ebeae5;
  --color-white: #fff;
  --color-darkslategray: #414141;
  --color-chocolate: #cc5c12;
  --mood-black: #1d1c1d;
  --color-gray-100: #1a1a1a;
  --color-gray-200: #0c0c0c;
  --color-gray-300: rgba(12, 12, 12, 0.4);
  --color-dimgray-100: #4f4f4f;
  --color-dimgray-300: rgba(79, 79, 79, 0.6);
  --color-dimgray-200: rgba(79, 79, 79, 0.09);
  --focus-green: #5af4c6;
  --color-black: #000;
  --sleepy-violet: #310c9a;

  /* Gaps */
  --gap-xl: 1.25rem;
  --gap-5xs: 0.5rem;
  --gap-91xl: 6.88rem;
  --gap-5xl: 1.5rem;
  --gap-25xl: 2.75rem;
  --gap-131xl: 9.38rem;
  --gap-3xs: 0.63rem;
  --gap-7xl: 1.63rem;
  --gap-41xl: 3.75rem;
  --gap-137xl: 9.75rem;
  --gap-53xl: 4.5rem;
  --gap-73xl: 5.75rem;
  --gap-15xl: 2.13rem;
  --gap-12xl: 1.94rem;
  --gap-12xs: 0.06rem;
  --gap-52xl: 4.44rem;
  --gap-58xl: 4.81rem;
  --gap-mini: 0.94rem;
  --gap-27xl: 2.88rem;
  --gap-26xl: 2.81rem;

  /* Paddings */
  --padding-5xl: 1.5rem;
  --padding-15xl: 2.13rem;
  --padding-xl: 1.25rem;
  --padding-17xl: 2.25rem;
  --padding-71xl: 5.63rem;
  --padding-39xl: 3.63rem;
  --padding-3xl: 1.38rem;
  --padding-5xs: 0.5rem;
  --padding-lg: 1.13rem;
  --padding-18xl: 2.31rem;
  --padding-4xl: 1.44rem;
  --padding-31xl: 3.13rem;
  --padding-28xl: 2.94rem;
  --padding-26xl: 2.81rem;
  --padding-25xl: 2.75rem;
  --padding-10xl: 1.81rem;
  --padding-mini: 0.94rem;
  --padding-13xl: 2rem;
  --padding-xs: 0.75rem;
  --padding-6xl: 1.56rem;
  --padding-7xs: 0.38rem;
  --padding-3xs: 0.63rem;
  --padding-smi: 0.81rem;

  /* Border radiuses */
  --br-21xl: 40px;
  --br-31xl: 50px;
  --br-xl: 20px;
  --br-9xs: 4px;
}