:root {
	--bg: #fffafa;
	--text: #1a1a1a;
	--red: #f4a9a8;
	--dark-red: #ed5351;
	--blue: #7bb3de;
	--dark-blue: #479ada;
	--green: #b7e4c7;
	--yellow: #fff3b0;
	--font: sans-serif;
}

body {
	font-family: var(--font);
	font-size: 1.5rem;
	color: var(--text);
	background: var(--bg);
}

main {
	overflow-wrap: break-word;
	max-width: 55rem;
	width: 100%;
	margin: 0 auto;
	padding: 1rem 1rem;
	line-height: 1.6;
}
u {
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-thickness: 3px;
}
a {
	color: var(--dark-blue);
	text-decoration: underline;
	text-decoration-style: dotted; 
	text-decoration-thickness: 3px;
	font-weight: bolder;
}

a:hover,
a:visited {
	color: var(--blue);
}

.marker {
	font-size: 26px;
	background: var(--yellow);
	border-radius: 0.7rem;
	padding: 0.08rem 0.6rem;
}
.marker-1 {
	font-size: 26px;
	background: var(--green);
	border-radius: 0.7rem;
	padding: 0.08rem 0.6rem;
}
.marker-2 {
	font-size: 26px;
	background: var(--red);
	border-radius: 0.7rem;
	padding: 0.08rem 0.6rem;
}