@font-face {
	font-family: "SuisseIntl";
	src: url("/assets/SuisseIntl-Light-WebXL.woff2") format("woff2");
	font-display: swap;
}

@font-face {
	font-family: "SuisseIntl";
	src: url("/assets/SuisseIntl-LightItalic-WebXL.woff2") format("woff2");
	font-style: italic;
}

body {
	font-family: "SuisseIntl", Arial;
	padding: 20px 24px;
	font-size: 24px;
	line-height: 1.25;
	opacity: 0;
	transition: opacity 0.5s;
	overflow: hidden;
}

.show {
	opacity: 1;
}

aside {
	position: fixed;
	top: 0;
	right: 0;
	padding: 20px 24px 0;
	height: 100vh;
	height: 100dvh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}


p {
	margin-bottom: 24px;
}

a {
	text-decoration: none;
	color: black;
	border-bottom: solid 1px transparent;
	transition: border-bottom 0.5s;
}

a:hover {
	border-bottom: solid 1px black;
}

@media (max-width: 600px) {

	body {
		padding: 17px 18px;
		font-size: 18px;
	}

	aside {
		padding: 17px 18px 0;
	}
	
	p {
		margin-bottom: 18px;
	}

}