@font-face {
  font-family: "font1";
  src: url("../fonts/univers.otf") format("opentype");
}
:root {
  --color-primary: #081f5c;
  --color-secondary: #ff7f00;
  --color-tertiary: #e9eff4;
  --color-light: #00000029;
  --color-dark: #333333;
  --color-black: black;
  --color-white: white;

  --font-primary: "Montserrat", sans-serif;

  --font-light: 300;
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-extrabold: 800;
  --font-black: 900;

  --font-size-xxs: clamp(8px, 0.55vw, 10px);
  --font-size-xs: clamp(11px, 0.9vw, 12px);
  --font-size-s: clamp(12px, 1.1vw, 13px);
  --font-size-n: clamp(13px, 1.4vw, 15px);
  --font-size-xn: clamp(17px, 1.75vw, 19px);
  --font-size-m: clamp(18px, 2vw, 22px);
  --font-size-xm: clamp(20px, 2.2vw, 22px);
  --font-size-l: clamp(21px, 2.8vw, 30px);
  --font-size-xl: clamp(23px, 3.3vw, 42px);
  --font-size-xxl: clamp(30px, 3.7vw, 58px);

  --line-height-xs: clamp(17px, 1.12vw, 21px);
  --line-height-s: clamp(18px, 1.16vw, 24px);
  --line-height-n: clamp(18px, 1.6vw, 22px);
  --line-height-m: clamp(22px, 1.95vw, 26px);
  --line-height-xm: clamp(26px, 2.5vw, 30px);
  --line-height-l: clamp(28px, 2.88vw, 38px);
  --line-height-xl: clamp(32px, 3.45vw, 44px);
  --line-height-xxl: clamp(36px, 4vw, 70px);

  --space-xxsmall: clamp(4px, 1.5vw, 12px);
  --space-xsmall: clamp(8px, 1.8vw, 20px);
  --space-small: clamp(10px, 2.4vw, 40px);
  --space-normal: clamp(10px, 7vw, 100px);
  --space-medium: clamp(12px, 10vw, 210px);
  --space-large: clamp(30px, 18vw, 280px);
  --space-xlarge: clamp(100px, 18vw, 480px);

  --header-height: clamp(280px, 26.5vw, 415px);
  --header-smallheight: clamp(88px, 6.8vw, 118px);
}