:root {
	--color-white: #ffffff;
	--color-black: #000000;
	--color-grey: #aeaeae;
	--color-primary: #00877d;
	--color-primary-light: #00877d;
	--color-primary-dark: #00877d;
	--color-secondary: #ffffff;
	--color-secondary-light: #78c2c1;
	--color-secondary-dark: #000000;
	--color-tertiary: #d6d6d6;
	--color-tertiary-light: #ebebeb;
	--color-tertiary-dark: #737373;
	--color-error: #95190c;
	--color-error-light: #e4c5c2;
	--color-warning: #f7cf70;
	--color-warning-light: #fceecd;
	--color-success: #1c9285;
	--color-success-light: #d2e9e7;
	--learn-background-color: #f3f3f3;
	--learn-text-color: #231f20;
	--primary-text: #000000;
	--secondary-text: #000000;
	--outline: var(--color-grey);
	--page-background: var(--color-white);
	--anchor-links: var(--color-primary);
	--dropdown-hover: var(--color-primary-light);
	--doots: var(--color-black);
	--hr: var(--color-tertiary);
	--navagation-background: var(var(--page-background));
	--navigation-backaground-active: rgb(var(var(--color-grey), 0.5));
	--structural-ui-elements: var(--color-tertiary);
	--structural-ui-light: var(--color-tertiary-light);
	--structural-ui-elements-hover: var(--color-tertiary);
	--dashboard-hero-gradient-from: var(--color-primary-dark);
	--dashboard-hero-gradient-to: var(--color-primary);
	--header-background-secondary: var(--color-secondary-dark);
	--header-edit-mode: var(--color-primary-dark);
	--footer-color: var(--color-primary);
	--footer-gradient-from: var(--color-primary);
	--footer-gradient-to: var(--color-primary);
	--footer-link-color: var(--color-secondary);
	--footer-text-color: var(--color-white);
	--font-family: Arial;
	--color-success-dark: unset;
	--color-error-dark: unset;
	--color-warning-dark: unset;
}
* {
	font-family: var(--font-family);
}
header {
	background-color: var(--color-primary);
}
.homeHeaderContainer {
	display: flex;
	width: 100%;
	justify-content: center;
}
.homeImage {
	max-width: 580px;
	overflow-y: hidden;
	margin: auto;
}
#decisionsButtons #disclosureCheckbox span {
	font-size: 1.125rem;
	width: auto;
}
ul {
	padding-left: 2.5rem;
	margin: 1.25rem 0;
}
ol {
	padding-left: 2.5rem;
	margin: 1.25rem 0;
}
.explanation-paragraph {
	text-indent: 20px;
	line-height: 1.75;
}
.emphasis {
	margin: 40px 1px 0 0;
	font-weight: bold;
}
.opt-in {
	font-weight: 600;
	text-decoration: underline;
}
@media only screen and (min-width: 768px) {
	#desktop-card-media {
		height: 400px;
	}
}
@media only screen and (min-width: 1440px) {
	#desktop-card-media {
		height: 700px;
	}
}
.MuiCheckbox-root .MuiSvgIcon-root {
	color: var(--color-primary);
}
p {
	color: black !important;
}