body {
	max-width: 1000px;

	margin: auto;
	padding: 5px;

	color: #ffffff;

	background-color: #18082b;

	background-image: url("/images/julia-joppien-jellyfish.jpg");
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;

	background-blend-mode: color-dodge;

	font-family: Georgia, serif;
}

header, footer, h1 {
	text-align: center;
}

hr{
	border-color: #b3b3b3;
}

h1, h2, h3, h4{
	color: #e9655c;
	text-decoration: none;
}

a, a:hover{
	color: #f4c16e;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;

	text-decoration-thickness: 0.03em;
	text-underline-offset: 0.08em;
}

ul, ol{
	padding-left: 15px;
}

img {
	display: block;
	margin: auto;

	padding-top: 20px;
	padding-bottom: 20px;

	max-width: 100%;
	width: 600px;
}

audio {
	width: 100%;
}

.music-links{
	display: flex;
	flex-wrap: wrap;

	justify-content: center;

    gap: 1rem;
}