:root {
    --vl-blue: #223358;
    --bg-blue: #0A1221;
    --container-blue: #A4BFC8;
    --decor-blue: #3C5670;
    --input-blue: #141F36;
    --input-border-blue: #2D547A;
    --input-text-blue: #7FBED4;

    --h1-font-size: 4.0rem;
    --h1-font-lineheight: 5.6rem;
    --h2-font-size: 3rem;
    --h2-font-lineheight: 4rem;
    --h3-font-size: 2.2rem;
    --h3-font-lineheight: 2.2rem;
    --h4-font-size: 22rem;
    --h4-font-lineheight: 22rem;
    --h5-font-size: 3.5rem;
    --h5-font-lineheight: 5.0rem;
    --medium-font-size: 3rem;
    --medium-font-lineheight: 4.1rem;
    --normal-font-size: 1.8rem;
    --normal-font-lineheight: 3.1rem;
}

@media only screen and (max-width: 800px) {
  :root {
    --h1-font-size: 2.6rem;
    --h1-font-lineheight: 3.7rem;
    --h2-font-size: 2.2rem;
    --h2-font-lineheight: 2.9rem;
    --h3-font-size: 2.2rem;
    --h3-font-lineheight: 2.2rem;
    --h4-font-size: 18rem;
    --h4-font-lineheight: 22rem;
    --h5-font-size: 3.5rem;
    --h5-font-lineheight: 5.0rem;
    --medium-font-size: 3rem;
    --medium-font-lineheight: 4.1rem;
    --normal-font-size: 1.8rem;
    --normal-font-lineheight: 3.1rem;
  }
}

@media only screen and (min-width: 2000px) {
  :root {

  }
}