main.main {
	width: min(20rem, 100%);
}

h1, h2 {
	text-transform: uppercase;
	margin: 0;
}

ul.dir {
	list-style-type: none;
	padding: 0;
	margin: 0;

	a {
		font-weight: bold;
		color: var(--global-color_foreground);
		&:hover {
			color: var(--global_color-text-main);
		}
		&::after {
			content: none;
		}
	}
}

section.albums {
	margin-top: 1rem;
	.wrapper {
		display: flex;
		gap: 0.25em;
		flex-wrap: wrap;
	}
	img {
		width: 6rem;
		height: 6rem;
		border: 1px solid black;
	}
}