:root {
	--color-neutral-black: #000000;
	--color-neutral-richblack: #191919;
	--color-neutral-primary: #0078D4;
	--color-neutral-grey75: #393939;
	--color-neutral-grey50: #767676;
	--color-neutral-grey25: #cccccc;
	--color-neutral-grey20: #f3f2f1;
	--color-neutral-white: #ffffff;

	--color-platform-windows: #4fe5ff;
	--color-platform-windowsDarker: #36CCE6;
	--color-platform-web: #258EDE;
	--color-platform-webDarker: #0C75C5;
	--color-platform-ios: #CF8FFF;
	--color-platform-iosDarker: #B676E6;
	--color-platform-android: #69E56E;
	--color-platform-androidDarker: #50CC55;
	--color-platform-crossplatform: #28A8EA;
	--color-platform-macos: #CF8FFF;

	--color-microsoft-red: #f25022;
	--color-microsoft-green: #7fba00;
	--color-microsoft-blue: #00a4ef;
	--color-microsoft-yellow: #ffb900;

	--color-social-linkedin: #0077B5;
	--color-social-dribbble: #ea4c89;
	--color-social-twitter: #38A1F3;
	--color-social-medium: #00ab6c;
	--color-social-facebook: #3b5998;

	--font-weight-light: 100;
	--font-weight-semilight: 300;
	--font-weight-regular: 400;
	--font-weight-semibold: 600;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-light.woff2') format('woff2'),
		url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-light.woff') format('woff');
	font-weight: var(--font-weight-light);
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semilight.woff2') format('woff2'),
		url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semilight.woff') format('woff');
	font-weight: var(--font-weight-semilight);
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-regular.woff2') format('woff2'),
		url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-regular.woff') format('woff');
	font-weight: var(--font-weight-regular);
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semibold.woff2') format('woff2'),
		url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semibold.woff') format('woff');
	font-weight: var(--font-weight-semibold);
	font-style: normal;
}

* {
	margin: 0;
	padding: 0;
	border-spacing: 0px;
}

*,
*:before,
*:after {
	box-sizing: border-box;
}

html,
body {
	background-color: var(--color-neutral-black);
	font-family: "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif;
	font-style: normal;
	color: var(--color-neutral-white);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: var(--font-weight-regular);
	text-rendering: optimizeLegibility;
	letter-spacing: 0rem;
	line-height: 1.15;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	min-height: 100%;
}

html,
body,
#root,
#root > .ms-Fabric {
	height: 100%;
	margin: 0;
	padding: 0;
	display: block;
}

/**
* Remove focus styles for non-keyboard focus.
*/
:focus:not(:focus-visible) {
	outline: 0;
	box-shadow: none;
}

:focus:not(:focus-visible):before { 
	box-shadow: none;
}

#skipToLink {
	position: absolute;
	left: -999px;
	width:1px;
	height: 1px;
	top: auto;
}

#skipToLink:focus {
	top: 10px;
	left: 10px;
	padding: 2px;
	color: var(--color-neutral-white);
	display: inline-block;
	height: auto;
	width: auto;
	position: absolute !important;
	margin: auto;
	border: 0;
	background-color: var(--color-neutral-black);
	z-index: 1000;
}