.btncontainer
{
	width: 50vw; 
	display: flex; 
	flex-wrap: wrap; 
}

html, body {
	margin: 0;
	padding: 0;
	background-color: #008080;
	color:black;
	background-image: url('assets/spooky.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
}

html {
margin: 0px;
height: 100%;
width: 100%;
}

body {
margin: 0px;
min-height: 100%;
width: 100%;
}

@font-face {
        font-family: SiteWide;
        src: url(BeyondWonderland.ttf);
}

.centre {
  position: relative;
  top: 0%;
  width: 100%;
  text-align: center;
  font-size: 18px;
}

.centredown {
  position: relative;
  top: 18%;
  width: 100%;
  text-align: center;
}

.bottomleft {
  position: absolute;
  bottom: 1%;
  left: 1%;
  font-size: 18px;
}

.bottomright {
  position: absolute;
  bottom: 1%;
  right: 1%;
  font-size: 18px;
}

.bottomcentre {
  position: absolute;
  top: 98%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
}

.centrec {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 18px;
}

.eurocuck {
  position: absolute;
  top: 1%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 60px;
}




a:link {
  color: black;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: #696969;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}
a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}