@charset "UTF-8";

:root {
  --color-teal-light: #88dffc;
  --color-teal-med: #00a4db;
	--color-teal-dark: #03759c;
	--color-teal-darkest: #07303d;
	--font-size-smaller: 12px;
	--font-size-small: 14px;
	--font-size-normal: 16px;
	--font-size-large: 18px;
	--font-size-larger: 20px;
	--font-size-largest: 22px;
	--font-size-huge: 26px;
}

body {
	background-color: var(--color-teal-dark);
	font-family: "Tahoma", sans-serif;
	margin: auto;
  text-align: center;
  color: white;
}

p.title {
  font-size: var(--font-size-huge);
  color: white;
  font-weight: bold;
	text-shadow: 4px 4px 4px black;
}

.text {
  font-size: var(--font-size-normal);

	&.italic {
		font-style: italic;
	}

	&.shadow {
		text-shadow: 2px 2px 2px black;
	}

	&.color-teal-light {
		color: var(--color-teal-light);
	}

	&.font-size-small {
		font-size: var(--font-size-small);
	}
}