@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url("/css/header.css");
@import url("/css/footer.css");
@import url("/css/colour-palettes/catppuccin-macchiato.css");
@import url("/css/pretty-checkbox.css");
@import url("/css/swal.css");
@import url("/css/noscript.css");

:root {
	font-size: 20px;
	--header-height: 90px;
	color: var(--text);
	--border-radius: 20px;
}

* {
	font-family: Montserrat, Arial, sans-serif;
}

body {
	margin: 0px;
	background-color: var(--base);
	position: relative;
	min-height: 100vh;
}
a {
	color: var(--blue);
	transition: color 0.1s linear;
}
a:hover {
	color: var(--lavender);
}

a[href^="http://"]::after, a[href^="https://"]::after {
	content:" \2197";
	font-size: 0.8em;
	vertical-align: top;
}

.outer-content-wrapper {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
}

.inner-content-wrapper {
	box-sizing: border-box;
	padding: 20px;
	width: 100vw;
	max-width: 1000px;
}

.inner-content-wrapper.wide {
	max-width: 1500px;
}