:root{
	--white: #FFFFFF;
	--idp-green: #0E8860;
	--idp-cyan: #00757B;
	--idp-pale-blue: #4292D37F;
	--idp-blue: #4292D3;	--idp-dark-blue: #0d1622;
	--idp-darkest-blue: #080f18;
	--idp-black: #111518;
	--idp-red: #935561;
	--idp-pale-red: #B7445A30;
  --idp-ultra-pale-red: #B7445A10;
	--pop: rgb(108, 14, 14);
	--idp-gray: #1A2025;
	--bg: #f7f9fc;
  --text-muted: #8a97a8;
	--border: #e1e8f0;	
	--thin-border: #00000017;
	--e-thin-border: #00000010;
	--light-shade: #00000007;
	--light-shade-dark: #FFFFFF07;
	--deep-shade: #00000040;
	--deep-border: #00000030;
	--fg: #00000080;
	--fg-strong: #000000B0;
	--fg-soft: #00000080;
	--fg-e-soft: #00000060;
	--soft-shade: #00000005;
	--gold: #9a6c1a;
	--e-thin-h-border: #FFFFFF20;
	--thin-h-border: #FFFFFF40;
	--link: #7599B6;
	--link-h: #85A9C6;
	--dark-link: #FFFFFF90;
	--dark-link-h: #FFFFFFB0;
}

@font-face {
  font-family: 'Font Awesome 6 Free'; font-weight: 900;
  src: url(/resources/fonts/Font_Awesome/fa-solid-900.woff2) format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Font Awesome 6 Brands'; font-weight: 400;
  src: url(/resources/fonts/Font_Awesome/fa-brands-400.woff2) format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Identity Plus'; font-weight: 200;
  src: url(/resources/fonts/Identity_Plus/Identity_Plus_Extra_Light.ttf) format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Identity Plus'; font-weight: 300;
  src: url(/resources/fonts/Identity_Plus/Identity_Plus_Light.ttf) format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Identity Plus'; font-weight: 400;
  src: url(/resources/fonts/Identity_Plus/Identity_Plus_Regular.ttf) format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Identity Plus'; font-weight: 500;
  src: url(/resources/fonts/Identity_Plus/Identity_Plus_Regular.ttf) format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Identity Plus'; font-weight: 600;
  src: url(/resources/fonts/Identity_Plus/Identity_Plus_Bold.ttf) format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Identity Plus'; font-weight: 700;
  src: url(/resources/fonts/Identity_Plus/Identity_Plus_Bold.ttf) format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Roboto Mono'; font-style: normal; font-weight: 300;
  src: local('Courier New'), url(/resources/fonts/Roboto_Mono/RobotoMono-Regular.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  font-display: swap;
}

*, *:before, *:after {-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; padding:0; margin:0;}
html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size:100%; box-sizing: border-box; margin:0; padding:0; scroll-behavior: smooth;}
body { margin:0; font-family: 'Identity Plus', sans-serif; margin:0px; padding:0; height:100%;width:100%; background-image:url('/resources/img/abstract-background.jpg'); background-repeat:no-repeat; background-size:cover; color:var(--fg);}

.page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}