@font-face {
    font-family: maplemono;
    src: url(fonts/MapleMono-Regular.ttf.woff2);
}

@font-face {
    font-family: maplemono;
    src: url(fonts/MapleMono-Bold.ttf.woff2);
    font-weight: bold;
}

@font-face {
    font-family: maplemono;
    src: url(fonts/MapleMono-Italic.ttf.woff2);
    font-style: italic;
}

body {
    display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	margin: 0;
    padding: 1em;
	flex-direction: column;
    font-family: maplemono;
    background-color: rgb(3, 3, 3);
    color: plum;

    .bildetderborte {
        width: 15%;
    }

    .linkwrapper {
        display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;

        .jegerenlink {
            color: rgb(3, 3, 3);
            background-color: plum;
            border-radius: 3em;
            padding: 0.4em;
            font-weight: bold;
            transition: 0.3s;
            margin-left: 0.6em;
            margin-right: 0.6em;
            text-decoration: none;
        }

        .jegerenlink:hover {
            background-color: rgb(3, 3, 3);
            color: plum;
        }
    }

    table tr th {
        border: 0.2em solid plum;
    }

    th {
        padding: 0.2em;
    }
}