/* Barlow */

@font-face {
  font-display: swap;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 100;
  src: local("Barlow Thin"), local("Barlow-Thin"), url("/assets/Barlow/Barlow-Thin-c5f359e0.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 200;
  src: local("Barlow Extra Light"), local("Barlow-ExtraLight"), url("/assets/Barlow/Barlow-ExtraLight-62b2d39c.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 300;
  src: local("Barlow Light"), local("Barlow-Light"), url("/assets/Barlow/Barlow-Light-da9d7100.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  src: local("Barlow Regular"), local("Barlow-Regular"), url("/assets/Barlow/Barlow-Regular-7fda1cc6.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 500;
  src: local("Barlow Medium"), local("Barlow-Medium"), url("/assets/Barlow/Barlow-Medium-d33597a1.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  src: local("Barlow SemiBold"), local("Barlow-SemiBold"), url("/assets/Barlow/Barlow-SemiBold-dc39b419.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 700;
  src: local("Barlow Bold"), local("Barlow-Bold"), url("/assets/Barlow/Barlow-Bold-7f06973e.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 800;
  src: local("Barlow Bold"), local("Barlow-Bold"), url("/assets/Barlow/Barlow-ExtraBold-146540e5.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 900;
  src: local("Barlow Black"), local("Barlow-Black"), url("/assets/Barlow/Barlow-Black-62e8dae8.ttf") format("truetype");
}

/* Inter */

@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  src: local("Inter Thin"), local("Inter-Thin"), url("/assets/Inter/Inter-Thin-3ea0a8f2.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  src: local("Inter Extra Light"), local("Inter-ExtraLight"), url("/assets/Inter/Inter-ExtraLight-b3e69c8d.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: local("Inter Light"), local("Inter-Light"), url("/assets/Inter/Inter-Light-c0f6d067.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: local("Inter Regular"), local("Inter-Regular"), url("/assets/Inter/Inter-Regular-ec5da11d.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: local("Inter Medium"), local("Inter-Medium"), url("/assets/Inter/Inter-Medium-e3a8c48e.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: local("Inter SemiBold"), local("Inter-SemiBold"), url("/assets/Inter/Inter-SemiBold-3143cebb.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: local("Inter Bold"), local("Inter-Bold"), url("/assets/Inter/Inter-Bold-77f9222c.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src: local("Inter Bold"), local("Inter-Bold"), url("/assets/Inter/Inter-ExtraBold-6de87b4e.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  src: local("Inter Black"), local("Inter-Black"), url("/assets/Inter/Inter-Black-207bbbef.ttf") format("truetype");
}

/* Atkinson Hyperlegible */

@font-face {
  font-display: swap;
  font-family: "Atkinson Hyperlegible";
  font-weight: 400;
  src: local("Atkinson Hyperlegible Regular"), local("AtkinsonHyperlegible-Regular"), url("/assets/Atkinson_Hyperlegible/AtkinsonHyperlegible-Regular-3ebb0a84.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Atkinson Hyperlegible";
  font-weight: 700;
  src: local("Atkinson Hyperlegible Bold"), local("AtkinsonHyperlegible-Bold"), url("/assets/Atkinson_Hyperlegible/AtkinsonHyperlegible-Bold-182de01e.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Atkinson Hyperlegible";
  font-style: italic;
  src: local("Atkinson Hyperlegible Italic"), local("AtkinsonHyperlegible-Italic"), url("/assets/Atkinson_Hyperlegible/AtkinsonHyperlegible-Italic-9aed6ac2.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Atkinson Hyperlegible";
  font-style: italic;
  font-weight: 700;
  src: local("Atkinson Hyperlegible Bold Italic"), local("AtkinsonHyperlegible-BoldItalic"), url("/assets/Atkinson_Hyperlegible/AtkinsonHyperlegible-BoldItalic-c9ff75cb.ttf") format("truetype");
}

/* Styles */

.marketing-body {
  font-family: "Barlow", sans-serif;
}

.application-new,
.depo-room-body,
.remote-sessions-body {
  font-family: "Inter", sans-serif;
}

.barlow {
  font-family: "Barlow", sans-serif;
}

.inter {
  font-family: "Inter", sans-serif;
}

.atkinson-hyperlegible {
  font-family: "Atkinson Hyperlegible", sans-serif;
}

.thin {
  font-weight: 100;
}

.semi-thin {
  font-weight: 300;
}

.fw-normal {
  font-weight: 400;
}

.medium-bold {
  font-weight: 500;
}

b,
.semi-bold {
  font-weight: 600 !important;
}

.bold {
  font-weight: 700;
}

.strong-bold {
  font-weight: 800;
}

.italicize {
  font-style: italic;
}

.text-shadow {
  text-shadow: 1px 1px grey;
}

.capitalize {
  text-transform: capitalize;
}

.letter-spacing {
  letter-spacing: 2px;
}

.text-small,
.text-small a {
  font-size: clamp(16px, 1.1vw, 999px) !important;
}

.text-medium,
.text-medium a {
  font-size: clamp(18px, 1.1vw, 999px) !important;
}

small,
.small {
  font-size: 80% !important;
}

medium,
.medium {
  font-size: 90%;
}