/* Trebuchet MS */
@font-face {
  font-family: "Trebuchet MS";
  src: url("../fonts/trebuchet-ms/trebuchet-ms.woff2") format("woff2"),
    url("../fonts/trebuchet-ms/trebuchet-ms.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Trebuchet MS";
  src: url("../fonts/trebuchet-ms/trebuchet-ms-Italic.woff2") format("woff2"),
    url("../fonts/trebuchet-ms/trebuchet-ms-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

/* Ubuntu */
@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/ubuntu/Ubuntu-Regular.woff2") format("woff2"),
    url("../fonts/ubuntu/Ubuntu-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/ubuntu/Ubuntu-Italic.woff2") format("woff2"),
    url("../fonts/ubuntu/Ubuntu-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/ubuntu/Ubuntu-Bold.woff2") format("woff2"),
    url("../fonts/ubuntu/Ubuntu-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/ubuntu/Ubuntu-BoldItalic.woff2") format("woff2"),
    url("../fonts/ubuntu/Ubuntu-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/ubuntu/Ubuntu-Light.woff2") format("woff2"),
    url("../fonts/ubuntu/Ubuntu-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/ubuntu/Ubuntu-LightItalic.woff2") format("woff2"),
    url("../fonts/ubuntu/Ubuntu-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/ubuntu/Ubuntu-Medium.woff2") format("woff2"),
    url("../fonts/ubuntu/Ubuntu-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Ubuntu";
  src: url("../fonts/ubuntu/Ubuntu-MediumItalic.woff2") format("woff2"),
    url("../fonts/ubuntu/Ubuntu-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}

/* PT Sans */
@font-face {
  font-family: "PT Sans";
  src: url("../fonts/pt-sans/PTSans-Regular.woff2") format("woff2"),
    url("../fonts/pt-sans/PTSans-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PT Sans";
  src: url("../fonts/pt-sans/PTSans-Italic.woff2") format("woff2"),
    url("../fonts/pt-sans/PTSans-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "PT Sans";
  src: url("../fonts/pt-sans/PTSans-Bold.woff2") format("woff2"),
    url("../fonts/pt-sans/PTSans-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "PT Sans";
  src: url("../fonts/pt-sans/PTSans-BoldItalic.woff2") format("woff2"),
    url("../fonts/pt-sans/PTSans-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
/* Font stack implementation */
:root {
  --font-primary: "Trebuchet MS", Ubuntu, "PT Sans", Arial, sans-serif;

  --color-primary: #004b93;
  --color-secondary: #003b74;
  --color-tertiary: #002b55;
  --color-quaternary: #001b36;
  --color-blue: rgb(0, 153, 204);
  --color-bright-blue: #1d54bb;
  --color-light-blue: rgb(51, 153, 255);
  --color-white: #ffffff;
  --color-black: #000000;
  --color-dark-gray: #050505;
  --color-gray: #323b51;
  --text-color: #333;
  --text-dark: #222;
  --background-color: #ffffff;
  --border-color: #e9ecef;
  --link-color: var(--color-primary);
  --link-hover-color: var(--color-secondary);
  --main-green-color: #24b11c;
  --light-green-color: #9fd632;
  --color-red: #ff0000;
}

body {
  font-family: var(--font-primary);
  color: var(--text-color);
  background-color: var(--background-color);
}

img,
iframe,
canvas,
video {
  max-width: 100%;
  height: auto;
}