@import url(/styles/utility-classes.css);

body {
	white-space: nowrap;
	font-style: italic;

	margin: 0.75rem;
	h1 {
		margin: 0;
		margin-bottom: 0.5rem;
		line-height: 1;
		text-transform: lowercase;
		letter-spacing: 4px;
		a {
			&:hover {
				color: var(--global_color-text-main);
			}
		}
	}
	& > ul {
		margin: 0;
		padding-left: 1em;
	}
}

a {
	color: black;
	text-decoration: none;
	&:hover {
		text-decoration: underline;
	}
}

ul {
	list-style-type: '... ';
}

.flat {

	& > ul {
		display: none;
	}

	&:hover {
		& ul {
			display: inline-flex;
			padding-left: 1em;

			& > li:not(.flat > ul > li:first-child) {
				list-style-type: ', ';
				margin-left: 0.4em;
			}
		}
	}
}

.att {
	font-size: 0.9em;
}

ul.normal {
	list-style-type: unset;
	margin-top: 1.5em;
}

.date {
	margin-top: 0.5em;
}