<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>47.0 KIF</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
@font-face {
font-family: Montserrat;
src: url('Montserrat-Bold.ttf')
}
body {
font-family: Montserrat, sans-serif;
font-size: 20pt;
max-width: 400px;
margin: auto;
background: #fff;
}
body > div {
width: 100%;
}
nav {
border-radius: 30px;
width: 77%;
padding: 4%;
background: rgb(177, 225, 28);
margin-top: -7%;
margin-left: auto;
margin-right: auto;
}
nav div {
background: #fff;
border-radius: 18px;
}
nav a {
display: block;
text-decoration: none;
color: rgb(177, 225, 28);
text-align: center;
border-top: solid 10px rgb(177, 225, 28);
padding: 10px 0;
}
nav a:hover {
background-color: rgb(177, 225, 28);
color: white;
outline: none;
}
nav a:first-child {
border: none;
}
</style>
</head>
<body>
<div>
<img src="Logo.svg">
</div>
<nav>
<div>
<a href="anmeldung">Anmeldung</a>
<a href="teilnehmerliste">Teilnehmerliste</a>
<a href="wiki">Wiki</a>
<a href="kulturtag">Kulturtag</a>
<a href="cfd">Call for Decoration</a>
<a href="twitter">Twitter</a>
<a href="engel">Engelsystem</a>
</div>
</nav>
</body>
</html>