@charset "utf-8";

:root {
  color-scheme: light;
  --idt-yellow: #f5bc41;
  --idt-navy: #030721;
  --idt-blue: #89ccf9;
  --idt-light-grey: #e6ebf8;
  --idt-white: #ffffff;
  --idt-grey: #282828;
  --idt-light-green: #73f2a2;
  --idt-dark-blue: #4728ec;
  --idt-orange: #e65b2b;
}

@font-face {
  font-family: Montserrat;
  src: url('fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Montserrat;
  src: url('fonts/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Montserrat;
  src: url('fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Montserrat;
  src: url('fonts/Montserrat-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: var(--idt-grey);
}

body.idt-page {
  background-color: var(--idt-white);
  background-image: url('assets/default-bg.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}