/*mats reitsma*/

/*dit zijn fe verschillende fonts die ik heb 
gebruikt*/

@font-face {
	font-family: myFont;
	src: url(fonts/Stack_Sans_Notch/StackSansNotch-VariableFont_wght.ttf);
	/* url van de font */
}

@font-face {
	font-family: dongle;
	src: url(fonts/Dongle/Dongle-Regular.ttf);
}

/*dit is alle opmaak voor de tekst*/

body {
	background-color: black;
	font-family: dongle;
	color: white;
	font-size: 17pt;
	width: 900px;
	margin: auto;
}

h1,
h2,
h3 {
	font-family: myFont;
	text-align: center;
}

p {
	text-align: justify;
}

/*alles voor de hyperlinks*/

a {
	color: blue;
}

a:hover {
	color: DeepSkyBlue;
	text-decoration: none;
}

/*alles voor de tabellen*/
table {
	border-collapse: collapse
}

table td {
	border: 1px solid white;
	padding: 5px;
	text-align: center;
}

/* kleuren voor de spelerrollen */

.midden {
	color: blue;
}

.passer-loper {
	color: orange;
}

.spelverdeler {
	color: purple;
}

.diagonaal {
	color: crimson;
}

.libero {
	color: yellow;
}

/*verdubbeling van de bovenkant van de tabel*/

.net {
	border-top-style: double;
}

/*de opmaak van de fotos*/
img {
	border: 5px solid grey;
	margin: 5px;
}

/* volleybalplaatje heeft geen rand */
.volleybal {
	border: 0px;
	margin: 0px;
}

/*wat volgt is voor de navigatiebalk*/
nav {
	background-color: black;
	padding: 15px;
	width: 100%;
}

nav ul {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	gap: 15px;
	list-style: none;
}

nav li {
	width: 200px;
	border-radius: 10px;
	text-align: center;
	line-height: 50px;
	font-size: 24px;
}

nav li a {
	color: grey;
	text-decoration: none;
}

.active {
	color: white;
	font-weight: bold;
}

ul li ul li {
	list-style-type: none;
}

/*de opmaak van de puntjes in de nested list*/
ul li ul li.goud:before {
	content: '\1f947 ';
	padding-right: 0.5em;
}

ul li ul li.zilver:before {
	content: '\1f948 ';
	padding-right: 0.5em;
}

ul li ul li.brons:before {
	content: '\1f949 ';
	padding-right: 0.5em;
}