@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url(fonts/Roboto-Regular.woff2) format('truetype');
 }

 @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url(fonts/Roboto-Bold.woff2) format('truetype');
 }
 
:root {
	--radius: 0.25em;
	--radius-l: 0.5em;
	--radius-round: 999px;
	--fg: #fff;
	--bg: #000;
	--gap-xs: 0.13em;
	--gap-s: 0.25em;
	--gap: 0.5em;
	--gap-l: 1em;
	--gap-xl: 2em;

	--fast: 0.15s;
	--slow: 0.25s;
	--very-slow: 0.5s;

	--icon: 24px;
	--icon-button: 33px;
	--top-nav-height: 60px;

	--grey8: hsl(0, 0%, 95%);
	--grey7: hsl(0, 0%, 80%);
	--grey6: hsl(0, 0%, 65%);
	--grey5: hsl(0, 0%, 50%);
	--grey4: hsl(0, 0%, 35%);
	--grey3: hsl(0, 0%, 25%);
	--grey2: hsl(0, 0%, 15%);
	--grey1: hsl(0, 0%, 8%);
	--grey0: hsla(0, 0%, 30%, 0.5);

	--seethrough: hsla(0, 0%, 0%, 0.8);
	--invisible: hsla(0, 0%, 0%, 0.001);

	--primary8: hsl(47, 99%, 30%);
	--primary7: hsl(47, 99%, 40%);
	--primary6: hsl(47, 99%, 46%);
	--primary5: hsl(47, 99%, 53%);
	--primary4: hsl(47, 94%, 60%);
	--primary3: hsl(47, 90%, 70%);
	--primary2: hsl(47, 85%, 78%);
	--primary1: hsl(47, 80%, 85%);
	--primary0: hsla(47, 99%, 53%, 0.3);

	--alert7: hsl(360, 73%, 48%);
	--alert6: hsl(360, 73%, 40%);
	--alert5: hsl(360, 73%, 34%);
	--alert4: hsl(360, 73%, 33%);
	--alert3: hsl(360, 73%, 23%);
	--alert2: hsl(360, 73%, 18%);
}

body {
	background-color: var(--bg);
	margin: 0;
}

body,
input,
textarea,
select,
option,
button {
	font-family: Roboto, 'Segoe UI', Tahoma, sans-serif;
	font-size: 12pt;
	color: var(--grey7);
}

p {
	line-height: 150%;
	margin: var(--gap-l) 0;
}

a {
	color: var(--primary5);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

button,
a.button {
	font-weight: bold;
	border: 1px solid var(--primary5);
	border-radius: var(--radius-round);
	color: var(--bg);
	background-color: var(--primary5);
	padding: var(--gap-s) var(--gap-l);
	margin: 0;
	transition: var(--fast);
}
button:disabled {
	background-color: var(--primary6);
	border: 1px solid var(--primary6);
	opacity: 0.7;
	filter: saturate(0.5);
}
button:enabled:hover,
a.button:hover {
	background-color: var(--primary3);
	border-color: var(--primary3);
	text-decoration: none;
}
button:enabled:active {
	background-color: var(--primary3);
	border-color: var(--primary3);
}
button:focus {
	outline: 0 none;
	outline-offset: 0;
}
button.primary {
	font-weight: 700;
	text-shadow: none;
	box-shadow: 0 var(--radius) 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
button.accent {
	color: var(--grey7);
	background-color: var(--alert5);
	border-color: var(--alert5);
}
button.accent:focus {
	box-shadow: 0 0 0 0.2rem var(--alert3);
}
button.accent:disabled {
	background-color: var(--alert3);
	border-color: var(--alert3);
}
button.accent:enabled:hover {
	background-color: var(--alert6);
	border-color: var(--alert6);
}

button.icon {
	display: flex;
	align-items: center;
}
button.icon::before {
	display: block;
	width: var(--icon);
	height: var(--icon);
	transform: translate(calc(-1 * var(--gap)));
	filter: brightness(0.4);
}
button.icon:not(.flat)::before {
	filter: brightness(0.4);
}

button.action:focus {
	box-shadow: 0 0 0 1px var(--primary6);
	border-color: var(--primary5);
}

button.loading {
	position: relative;
	color: rgba(255, 255, 255, 0.3);
	pointer-events: none;
}
.loading::after {
	content: '';
	position: absolute;
	top: calc(50% - (var(--icon) / 2));
	left: calc(50% - (var(--icon) / 2));
	z-index: 1;
	display: inline-block;
	border: var(--radius) solid var(--bg);
	border-radius: 50%;
	border-top-color: transparent;
	box-sizing: border-box;
	width: var(--icon);
	height: var(--icon);
	-webkit-animation: spin 0.75s linear infinite;
	animation: spin 0.75s linear infinite;
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

a.icon {
	display: flex;
	align-items: center;
	gap: var(--gap-s);
}
a.icon.after::before {
	order: 1;
}
a.icon::before {
	display: block;
	width: var(--icon);
	height: var(--icon);
}

.iconOnly {
	min-width: unset;
	width: var(--icon-button);
	height: var(--icon-button);
	background-color: transparent;
	border: none;
	border-radius: 50%;
	position: relative;
}
a.iconOnly {
	display: inline-block;
	width: 24px;
	height: 24px;
}
button.iconOnly:hover,
a.iconOnly:hover {
	background-color: var(--primary2);
}
a.iconOnly:hover {
	text-decoration: none;
}
.iconOnly:disabled {
	background: transparent;
	border: none;
	filter: saturate(0) opacity(0.5);
}
.iconOnly::before {
	display: inline-block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

label {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--gap-s);
}
label > span:first-child {
	color: var(--grey7);
	font-weight: bold;
}
label:hover > span:first-child,
label:focus-within > span:first-child {
	color: var(--fg);
	font-weight: bold;
}
label input {
	width: 100%;
}
label span + span {
	box-sizing: border-box;
	background: var(--bg);
	padding: var(--gap-s);
	border: 1px dashed var(--grey3);
	border-radius: var(--radius);
}

input,
select,
textarea {
	box-sizing: border-box;
	background-color: var(--bg);
	padding: var(--gap-s);
	border: 1px solid var(--grey3);
	appearance: none;
	border-radius: var(--radius);
	transition: var(--fast);
}

select:not([size]) {
	appearance: none;
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="hsl(210, 7%25, 31%25)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M6 9l6 6l6 -6"/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: right var(--gap-s) top 50%;
	background-size: var(--gap-l) auto;
	padding-right: var(--gap-xl);
	cursor: pointer;
}

input:enabled:not(:read-only):hover,
select:enabled:hover,
textarea:enabled:hover {
	border-color: var(--primary5);
}

input::placeholder {
	color: #ccc;
	opacity: 0.7;
}

input:enabled:focus,
select:enabled:focus,
textarea:enabled:focus {
	outline: 0 none;
	outline-offset: 0;
	box-shadow: 0 0 0 1px var(--primary5);
	border-color: var(--primary5);
}

optgroup {
	color: var(--primary5);
}

input:read-only:focus {
	outline: 0 none;
	outline-offset: 0;
	box-shadow: none;
	border-color: var(--grey3);
}

input[type='number'],
input[type='email'],
input[type='tel'],
input[type='password'],
input[inputmode='numeric'] {
	direction: ltr;
}

/* input:read-only[type='text'] {
	border-style: dashed;
} */

input:disabled {
	opacity: 0.5;
}

input[type='radio'] {
	border-radius: 50%;
	border: 2px solid var(--grey4);
	width: 20px;
	height: 20px;
	display: grid;
	align-content: center;
	justify-content: center;
	cursor: pointer;
	margin: 0;
}
input[type='radio']:enabled:hover {
	border-color: var(--primary5);
}
input[type='radio']:checked {
	border-color: var(--primary5);
}
input[type='radio']:checked::before {
	display: block;
	content: '';
	background-color: var(--primary5);
	border-radius: 50%;
	width: 12px;
	height: 12px;
}
label.radio {
	display: flex;
	cursor: pointer;
	gap: var(--gap);
}
input[type='radio'] + span {
	user-select: none;
}

label.check {
	grid-template-columns: auto 1fr;
	gap: var(--gap);
	align-items: center;
}
label.check span {
	cursor: pointer;
	user-select: none;
}
input[type='checkbox'] {
	appearance: none;
	width: 20px;
	height: 20px;
	cursor: pointer;
	border: 2px solid var(--grey4);
	border-radius: var(--radius);
	background: var(--bg);
	transition: var(--fast);
	margin: 0;
}
input[type='checkbox']:hover {
	border-color: var(--primary5);
}
input[type='checkbox']:checked {
	border-color: var(--primary5);
	background-color: var(--primary5);
	background-size: 16px;
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23222" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpolyline points="20 6 9 17 4 12"%3E%3C/polyline%3E%3C/svg%3E');
	background-repeat: no-repeat;
}

.inputGroup {
	position: relative;
}
.inputGroup > input,
.inputGroup .num-input input {
	width: 100%;
	text-align: left;
	padding-left: 28px;
	border: 1px solid var(--grey3);
}
.inputGroup > input:enabled:hover,
.inputGroup > button:hover ~ input {
	border-color: var(--primary5);
}
.inputGroup > input:focus {
	outline: 0 none;
	outline-offset: 0;
	box-shadow: 0 0 0 1px var(--primary5);
	border-color: var(--primary5);
}
.inputGroup input:disabled {
	border-style: dashed;
}
.inputGroup > button.iconOnly {
	position: absolute;
	left: 1px;
	top: 1px;
	height: calc(100% - 2px);
	background-color: transparent;
	box-shadow: none;
	border-radius: var(--radius);
}
.inputGroup > button.iconOnly::before {
	width: 24px;
	height: 24px;
	padding: 2px;
}

.dirty input:invalid,
.dirty textarea:invalid,
.dirty div.invalid,
.dirty input.invalid {
	border-color: var(--alert5) !important;
}

.dirty input:invalid:focus,
.dirty textarea:invalid:focus {
	box-shadow: 0 0 0 1px var(--alert6);
}

h1 {
	font-size: 26pt;
	color: var(--grey8);
	font-weight: bold;
	margin: var(--gap) 0;
}
h2 {
	font-size: 24pt;
	color: var(--grey8);
	margin: 1.5em 0 1em 0;
	font-weight: bold;
}
h3 {
	color: var(--grey8);
	font-size: 14pt;
	margin: 0;
}
a {
	color: var(--primary5);
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	text-decoration: underline;
}
h1 a:hover {
	text-decoration: none;
}

ul,
ol {
	padding: 0;
	margin: 0;
}
li {
	list-style: none;
}

fieldset {
	border: none;
	padding: 0;
}

.ltr {
	display: inline-block;
	direction: ltr;
}
.stack {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
}

.nowrap {
	white-space: nowrap;
}

.full-width {
	padding: 0 3rem;
	box-sizing: border-box;
}

.centred {
	width: 1200px;
	padding: 0 3rem;
	box-sizing: border-box;
	margin: 0 auto;
}

.centre {
	text-align: center;
}

.transition {
	transition: var(--very-slow);
	opacity: 0;
}
.transition.visible {
	opacity: 1;
}

dialog::backdrop {
	background-color: #00000080;
}
dialog {
	border: none;
	border-radius: var(--radius-l);
	padding: var(--gap-l) 0;
}
dialog[open],
dialog[open] > form {
	max-width: min(40em, 100%);
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	align-items: center;
}
dialog :is(p, a, button) {
	font-size: 14pt;
}
p.no-results {
	color: var(--grey5);
	margin: var(--gap-xl) 0;
	font-style: italic;
}

/* ICONS */

.user::before {
	content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23f2c71c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"/%3E%3C/svg%3E');
}
.clap::before {
	content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="%23888"%3E%3Cpath d="M3.268 10.422a1.5 1.5 0 1 1 2.166-2.076L8.2 11.234a.5.5 0 1 1-.722.692L4.712 9.038a.5.5 0 0 0-.722.692l2.767 2.888a.5.5 0 0 1-.722.692zM4.02 8.316a1.5 1.5 0 1 1 2.166-2.075l2.767 2.888a.5.5 0 1 1-.722.692L5.464 6.932a.5.5 0 1 0-.722.692l2.767 2.888a.5.5 0 0 1-.722.692zM6.156 7.654A1.5 1.5 0 1 1 8.322 5.58l3.116 3.251a.5.5 0 1 1-.723.692L7.6 6.271a.5.5 0 1 0-.722.692L9.645 9.85a.5.5 0 1 1-.722.691zM10.24 7.452a1.595 1.595 0 0 1 3.01-.992L14 8.09a.5.5 0 1 1-.91.417l-.748-1.631a.595.595 0 0 0-1.124.37l.396 1.892a.5.5 0 1 1-.979.204zM4.695 14.08a.5.5 0 0 1 .707.015l2.411 2.516c.358.373.788.67 1.264.873l.034.015a3.705 3.705 0 0 0 3-.043l.139-.064c.5-.23.957-.54 1.353-.92l.127-.123a3.705 3.705 0 0 0 .878-4.05l-1.523-3.81a.5.5 0 1 1 .929-.372l1.522 3.81a4.706 4.706 0 0 1-1.114 5.144l-.127.122a5.938 5.938 0 0 1-1.627 1.108l-.139.064a4.703 4.703 0 0 1-3.81.054l-.034-.015a4.827 4.827 0 0 1-1.594-1.101l-2.41-2.516a.5.5 0 0 1 .014-.707M3.207 13.25a1.5 1.5 0 0 1 2.166-2.076l1.384 1.444a.5.5 0 1 1-.722.692l-1.384-1.444a.5.5 0 1 0-.722.692l2.768 2.888a.5.5 0 1 1-.722.692zm5.087-6.26a1.5 1.5 0 1 1 2.166-2.075l.484.506a.5.5 0 1 1-.722.691l-.484-.505a.5.5 0 0 0-.722.692l1.383 1.444a.5.5 0 0 1-.722.692zm4.235-.097a1.531 1.531 0 0 1 2.83-1.162l.779 1.697a.5.5 0 0 1-.91.417l-.778-1.697a.531.531 0 0 0-.981.403l.612 1.683a.5.5 0 0 1-.94.342zM15.502 7.175a.5.5 0 0 1 .65.278l1.522 3.81a4.706 4.706 0 0 1-1.114 5.145l-.101.097a6.15 6.15 0 0 1-1.685 1.147l-.122.056l-.209-.454l.21.454a6.946 6.946 0 0 1-1.017.374l-1.154.326a.5.5 0 1 1-.271-.963l1.153-.325c.298-.084.59-.191.87-.32l.122-.057a5.15 5.15 0 0 0 1.411-.96l.102-.097a3.706 3.706 0 0 0 .877-4.051l-1.523-3.81a.5.5 0 0 1 .279-.65M4.22 1.086a.5.5 0 0 1 .694.133L6.12 2.997a.5.5 0 0 1-.827.561L4.086 1.781a.5.5 0 0 1 .133-.695m8.008-.031a.5.5 0 0 0-.672.218l-.907 1.777a.5.5 0 1 0 .89.455l.907-1.778a.5.5 0 0 0-.218-.672M8.31.5a.5.5 0 0 1 .5.5v1.777a.5.5 0 1 1-1 0V1a.5.5 0 0 1 .5-.5"/%3E%3C/svg%3E');
}
.chain::before {
	content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23888" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath d="M13.544 10.456a4.368 4.368 0 0 0-6.176 0l-3.089 3.088a4.367 4.367 0 1 0 6.177 6.177L12 18.177"/%3E%3Cpath d="M10.456 13.544a4.368 4.368 0 0 0 6.176 0l3.089-3.088a4.367 4.367 0 1 0-6.177-6.177L12 5.823"/%3E%3C/svg%3E');
}
.search::before {
	content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23888" stroke-width="2"%3E%3Cpath stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" /%3E%3C/svg%3E');
}
.chevron-left::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23feca10' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");
}
.chevron-right::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23feca10' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");
}

/* SOCIALS */

.facebook::before {
	content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="%23888" d="M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z"/%3E%3C/svg%3E');
}
.x::before {
	content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="-50 -60 592 592" fill="%23888"%3E%3Cpath d="M403.229 0h78.506L310.219 196.04 512 462.799H354.002L230.261 301.007 88.669 462.799h-78.56l183.455-209.683L0 0h161.999l111.856 147.88L403.229 0zm-27.556 415.805h43.505L138.363 44.527h-46.68l283.99 371.278z"/%3E%3C/svg%3E');
}
.youtube::before {
	content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="%23888" d="m10 15l5.19-3L10 9v6m11.56-7.83c.13.47.22 1.1.28 1.9c.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83c-.25.9-.83 1.48-1.73 1.73c-.47.13-1.33.22-2.65.28c-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44c-.9-.25-1.48-.83-1.73-1.73c-.13-.47-.22-1.1-.28-1.9c-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83c.25-.9.83-1.48 1.73-1.73c.47-.13 1.33-.22 2.65-.28c1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44c.9.25 1.48.83 1.73 1.73Z"/%3E%3C/svg%3E');
}
.telegram::before {
	content: url('data:image/svg+xml,%3Csvg 	 viewBox="0 0 24 24"%3E%3Cpath fill="%23888" d="m20.665 3.717l-17.73 6.837c-1.21.486-1.203 1.161-.222 1.462l4.552 1.42l10.532-6.645c.498-.303.953-.14.579.192l-8.533 7.701h-.002l.002.001l-.314 4.692c.46 0 .663-.211.921-.46l2.211-2.15l4.599 3.397c.848.467 1.457.227 1.668-.785l3.019-14.228c.309-1.239-.473-1.8-1.282-1.434"/%3E%3C/svg%3E');
}
.instagram::before {
	content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="%23888" d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3Z"/%3E%3C/svg%3E');
}
.discord::before {
	content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="%23888" d="M19.27 5.33C17.94 4.71 16.5 4.26 15 4a.09.09 0 0 0-.07.03c-.18.33-.39.76-.53 1.09a16.09 16.09 0 0 0-4.8 0c-.14-.34-.35-.76-.54-1.09c-.01-.02-.04-.03-.07-.03c-1.5.26-2.93.71-4.27 1.33c-.01 0-.02.01-.03.02c-2.72 4.07-3.47 8.03-3.1 11.95c0 .02.01.04.03.05c1.8 1.32 3.53 2.12 5.24 2.65c.03.01.06 0 .07-.02c.4-.55.76-1.13 1.07-1.74c.02-.04 0-.08-.04-.09c-.57-.22-1.11-.48-1.64-.78c-.04-.02-.04-.08-.01-.11c.11-.08.22-.17.33-.25c.02-.02.05-.02.07-.01c3.44 1.57 7.15 1.57 10.55 0c.02-.01.05-.01.07.01c.11.09.22.17.33.26c.04.03.04.09-.01.11c-.52.31-1.07.56-1.64.78c-.04.01-.05.06-.04.09c.32.61.68 1.19 1.07 1.74c.03.01.06.02.09.01c1.72-.53 3.45-1.33 5.25-2.65c.02-.01.03-.03.03-.05c.44-4.53-.73-8.46-3.1-11.95c-.01-.01-.02-.02-.04-.02zM8.52 14.91c-1.03 0-1.89-.95-1.89-2.12s.84-2.12 1.89-2.12c1.06 0 1.9.96 1.89 2.12c0 1.17-.84 2.12-1.89 2.12zm6.97 0c-1.03 0-1.89-.95-1.89-2.12s.84-2.12 1.89-2.12c1.06 0 1.9.96 1.89 2.12c0 1.17-.83 2.12-1.89 2.12z"/%3E%3C/svg%3E');
}
.linkedin::before {
	content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"%3E%3Cpath fill="%23888" d="M116 3H12a8.91 8.91 0 0 0-9 8.8v104.42a8.91 8.91 0 0 0 9 8.78h104a8.93 8.93 0 0 0 9-8.81V11.77A8.93 8.93 0 0 0 116 3zM39.17 107H21.06V48.73h18.11zm-9-66.21a10.5 10.5 0 1 1 10.49-10.5a10.5 10.5 0 0 1-10.54 10.48zM107 107H88.89V78.65c0-6.75-.12-15.44-9.41-15.44s-10.87 7.36-10.87 15V107H50.53V48.73h17.36v8h.24c2.42-4.58 8.32-9.41 17.13-9.41C103.6 47.28 107 59.35 107 75z"/%3E%3C/svg%3E');
}

@media (max-width: 1300px) {
	.centred {
		width: min(900px, 100%);
	}
	h1 {
		font-size: 24pt;
	}
	h2 {
		font-size: 22pt;
	}
}
@media (max-width: 500px) {
	.full-width {
		padding: 0 1rem;
	}
	.centred {
		padding: 0 1rem;
	}
	h1 {
		font-size: 22pt;
	}
	h2 {
		font-size: 20pt;
	}
}