:root {
  --deepblue: #1701F3;
  --burnt-orange: #ff4f21;
  --bright-orange: #EC9551;
  --starlight: #E2E3E5;
}

html {
  font-size: clamp(9px, .7vw, 16px);
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

body {
  display: flex;
  flex-direction: column;
  background-color: var(--starlight);
}

main {
  flex-grow: 1;
}

@font-face {
  font-family: "Sen";
  src: url("../fonts/Sen/Sen-ExtraBold.ttf");
}

@font-face {
  font-family: "Catamaran";
  src: url("../fonts/Catamaran/Catamaran-Thin.ttf");
  font-weight: 100;
}

@font-face {
  font-family: "Catamaran";
  src: url("../fonts/Catamaran/Catamaran-ExtraLight.ttf");
  font-weight: 200;
}

@font-face {
  font-family: "Catamaran";
  src: url("../fonts/Catamaran/Catamaran-Light.ttf");
  font-weight: 300;
}

@font-face {
  font-family: "Catamaran";
  src: url("../fonts/Catamaran/Catamaran-Regular.ttf");
  font-weight: 400;
}

@font-face {
  font-family: "Catamaran";
  src: url("../fonts/Catamaran/Catamaran-Medium.ttf");
  font-weight: 500;
}

@font-face {
  font-family: "Catamaran";
  src: url("../fonts/Catamaran/Catamaran-SemiBold.ttf");
  font-weight: 600;
}

@font-face {
  font-family: "Catamaran";
  src: url("../fonts/Catamaran/Catamaran-Bold.ttf");
  font-weight: 700;
}

@font-face {
  font-family: "Catamaran";
  src: url("../fonts/Catamaran/Catamaran-ExtraBold.ttf");
  font-weight: 800;
}

@font-face {
  font-family: "Catamaran";
  src: url("../fonts/Catamaran/Catamaran-Black.ttf");
  font-weight: 900;
}