@import url("./font/font.css");

html,
body {
	margin: 0;
	background-color: #fdd;
	font-size: 1.25rem;
	line-height: 1.4;
	font-family: "Ortica", serif;
}

/* LINKS */

a {
	color: currentColor;
	text-decoration: none;
}

a::after {
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
	content: "⤴";
	color: tomato;
	transform: translate(0);
	transition: transform 0.6s ease-in;
}

a:hover::after {
	transform: translateY(-4px);
	transition: transform 0.1s ease-out;
}

/* RETURN */

.back {
	display: block;
	color: tomato;
}

.back::before {
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
	color: tomato;
	content: "← ";
	transform: translateX(0);
	transition: transform 0.6s ease-in;
}

.back:hover::before {
	transform: translateX(-4px);
	transition: transform 0.1s ease-out;
}

.back::after {
	content: "";
}

/* INTRO BOX */

.intro {
	background-color: tomato;
	border-radius: 16px;
	padding: 16px;
}

/* LISTS */

ul {
	margin: 16px 0;
	padding: 0;
	list-style: none;
}

li + li {
	margin-top: 0.25em;
}