#body {
	background-image: url("Background.jpeg");
	background-size: cover;
	background-repeat: no-repeat;
	color: white;
	
}

#Vierkant {
	background-color: rgba(128, 128, 128, 0.7);
	position: relative;
	width: 750px;
	height: 800px;
	top: 10%;
    margin: auto;
	border: 10px solid #595959
   }
   
#microbit {
	position: relative;
	top: 20px;
	left: 10%;
}	
   
#tabel {
	width: 100%;
	height:90%;
	position: relative;
	top: 10%;
	
	
}

.p {
	position: relative;
	opacity: ;
	top: 150px;
	margin: auto;
	left: 20px;
	text-align; left;
} 

.p2{
	position: relative;
	top: 100px;
	margin: auto;
	left: 5px;
	top: 0%;
	text-align: left;
}

.Flipcard-text {
	position: relative;
	left: 64%; 
	font-family: Arial;
	font-weight: Bold;
	color: orange
} 


.h2{
	position: relative;
	font-family: Calibri;
	top: 100px;
	margin: auto;
	left: 20px;
	top: 0px;
	text-align: left;
}

.img{
	position: relative;
	top: 200px;
	left: 400px;
}

.Text {
	color: black;
	font-weight: bold;
	font-family: Arial;
	position: relative;
	top: 2px;
	text-align: center;
}

#Button {
	background-color: white;
	height: 30px;
	width: 100px;
	position: relative;
	top: -66%;
	left: 30%;
	
}

#Button2 {
	background-color: white;
	height: 30px;
	width: 100px;
	position: relative;
	top: -754px;
	left: 29%;
}

#Button3 {
	background-color: white;
	height: 30px;
	width: 100px;
	position: relative;
	top: -557px;
	left: 50%;

}

#Button4 {
	background-color: white;
	height: 30px;
	width: 100px;
	position: relative;
	top: -784px;
	left: 45%;
	
}

#Button5 {
	background-color: white;
	height: 30px;
	width: 100px;
	position: relative;
	top: -360px;
	left: 34%;
	
}

#Button6 {
	background-color: white;
	height: 30px;
	width: 100px;
	position: relative;
	top: -390px;
	left: 50%;
	
}
#Temp {
	position: relative;
	top: 30px;
	left: -6%;
	
}


a:link, a:visited {
  background-color: #ffffff;
  color: black;
  padding: 0px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  background-color: #4db8ff;
  border: 2px solid #000000;
}

.flip-card {
  background-color: transparent;
  width: 200px;
  height: 150px;
  perspective: 1000px;
  position: relative;
  left: 71%;
  top: -456px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  position: relative;
  left: ;
  top: 0%
}

.flip-card:hover .flip-card-inner {
  transform: rotateX(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-color: #2980b9;
  color: white;
  transform: rotateX(180deg);
}