html 
{
	animation-name: fade;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: fixed;
	background-size: cover;
}

body 
{
	margin: 0;
	font-family: Verdana;
  	color: white;
}

.customh
{
	font-family: RioAndMa;
	font-size: 52px;
	text-decoration: none;
	text-align: center;
}

p 
{
	
	text-align: center;
	font-size: 15px;
}

ul 
{
  	list-style-type: none;
  	margin: 0;
  	padding: 0;
  	overflow: hidden;
  	position: sticky;
  	top: 0;
  	width: 100%;
}

li 
{
  	float: left;
}

li a 
{
  	display: block;
  	color: white;
  	text-align: center;
  	padding: 10px 11px;
  	text-decoration: none;
	font-size: 24px;
}

img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#navibar
{
	font-family: RioAndMa;
	z-index: 5;
}

.websitebody 
{
	margin: auto 10%;
}

.button 
{
	background-color: #48bcbb;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 22px;
	margin: 4px 2px;
	cursor: pointer;
	font-family: RioAndMa;
	margin-left: 1cm;
	margin-right: 1cm;
}

.column 
{
	float: left;
	width: 50%;
}

.row:after 
{
	content: "";
	display: table;
	clear: both;
}