* {
	box-sizing: border-box;
}

body {
	font-family:
		"Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
		"Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	font-size: 16px;
    margin-left: 2rem;
    margin-right: 2rem;
}

section {
    margin-top: 6rem;
    border: 5px solid red;
    padding: 1rem;
}

.menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;

	div:first-of-type {
		width: 100%;
	}
}

.menu button {
	anchor-name: --menu-knop;
}

#menu-bookmark {
	position: fixed;
	width: 20rem;
	height: auto;
	margin: 0.5rem 0 0 0;
	position-area: span-right bottom;
}

.opslaan-test {
    h2 {
        margin-bottom: 0;
    }
    &>p{
        margin-top: 0.3rem;
    }
	article {
		max-width: 600px;
	}
    aside {
        max-width: 250px;     
    }
}


.naar-bookmark article p:nth-of-type(2) {
	border: 3px solid blue;
	padding: 1rem;
}