/* ==========================================================================
                        EVA'S CSS (remove this eventually)
   ========================================================================== */

.content {
	max-width: 1000px;
	margin: 50px 200px;
	display: grid;
	grid-gap: 10px;
	grid-template-columns: 200px minmax(0, 1fr);
}

.art {
	overflow: scroll
}

header, nav, main, footer {
	background-color: gray;
	border: black 2px solid;

	opacity: 1;
	background-image: radial-gradient(whitesmoke 0.55px, dimgray 0.55px);
	background-size: 11px 11px;
}

header, footer {
	text-align: center;
}

header {
	grid-row: 1/2;
	grid-column: 1/3;
}

nav {
	grid-row: 2/3;
	grid-column: 1/2;
	height: max-content;
}

main {
	grid-row: 2/3;
	grid-column: 2/3;
	height: max-content;
}

footer {
	grid-row: 3/4;
	grid-column: 1/3;
}

p, h1, h2, img {
	padding: 5px 15px
}

section {
	/* ! Everything below is needed ! */
	display: none;
}

section:target { /* Show section */
	display: block;
}