@font-face {
font-family: "CustomFont";
src: url("https://sonnyfloyd.nl/css/fonts/georgia.ttf");
}

@font-face {
font-family: "CustomFont";
src: url("https://sonnyfloyd.nl/css/fonts/georgiab.ttf");
font-weight: bold;
}

@font-face {
font-family: "CustomFont";
src: url("https://sonnyfloyd.nl/css/fonts/georgiai.ttf");
font-style: italic;
}

* {
    margin: 0;
    padding: 0;
    background-position: 0;
    font-family: CustomFont;
    font-size: 13pt;
}

/* Style the video: 100% width and height to cover the entire window */
#myVideo {
  position: fixed;
  right: 0;
  top: 0;
  min-width: 100%;
  min-height: 100%;
}

.content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
}


#menuholder {
	width:100%;
	text-align:center;
  	padding-bottom:15vw;
}

#menu{
	text-align:center;
}

ul#menu li{
	display:inline;
}

ul#menu a{
	margin: 0% 2% 0% 0%;
	padding: 0.5% 2%;
	background-color: #F9FAFF;
    opacity:0.8;
    filter:alpha(opacity=80);
    white-space: nowrap;
    text-align:center;
	color: black;
    text-decoration: none;
	border-style: solid;
	border-color: #F9FAFF;
}

ul#menu a:hover{
	border-style: solid;
	border-color: white;
}

ul#menu a:active{
	position:relative;
	top:1px;
}

#nameholder{
	padding:10% 0% 10% 0%;margin:0% 5% 0% 5%;text-align:center;font-size:500%;
}