body {
 background-image: url('2.jpg');
 background-repeat: repeat;
}

.centered {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

h1 {
  font-family: "Times New Roman", Times, serif;
  text-shadow: 2px 2px #9E4784;
  font-size:40pt;
  color: white;
}

a img:last-child {
  display: none;  
}
a:hover img:last-child {
  display: block;  
}
a:hover img:first-child {
  display: none;  
}

a { font-size: 18pt; color: white; text-decoration: none;}
a:visited { color: white; text-decoration: none;}

.container {
  position: relative;
  text-align: center;
  color: white;
  width: 100%;
  height: 100%;
}

.centered2 {
  position: absolute;
  top: 50%;
  left: 50%;
  //transform: translate(-50%, -50%);
  z-index:3;
}

#tablez {
  color: white;
  width: 100%;
  //background-color: white;
  font-family: "Times New Roman", Times, serif;
  border-collapse: collapse;
  text-align: center;
}

#tablez td, #tablez th {
  //border: 2px solid #ddd;
  padding: 15px;
}

#tablez tr:nth-child(even){//background-color: #f2f2f2;}

#tablez tr:hover {background-color: black;}

.image1 {
position: absolute;
top: 20%;
left: 50%;
z-index: 2;
}
.image2 {
position: absolute;
top: 20%;
left: 50%;
z-index: 1;
}