#ikd{ 
  font-family: 'Amatic SC', cursive;
  position: absolute;
  /*top: 900px;
  left: 62%;*/
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  display: flex;
}
#ikd li {
  position: relative;
  list-style: none;
}
#ikd li a {
  position: relative;
  width: 450px;
  height: 50px;
  font-size: 40px;
  display: inline-block;
  color: black;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: .5s;
  box-sizing: border-box;
}
ul li a span {
  position: absolute;
  width: 25%;
  height: 100%;
  background-color: black;
  z-index: -1;
  transform-origin: top;
  transform: scaleY(0);
  transition: transform .5s;
}
/*#ikb li a:hover {
  color: #fff;
  text-decoration: none;
}*/
#ikd li a:hover span {
  transform-origin: bottom;
  transform: scaleY(1);
}
#ikd li a span:nth-child(1) {
  left: 0;  
  transition-delay: 0s;
}
#ikd li a span:nth-child(2) {
  left: 25%;
  transition-delay: 0.15s;
}
#ikd li a span:nth-child(3) {
  left: 50%;
  transition-delay: 0.3s;
}
#ikd li a span:nth-child(4) {
  left: 75%;
  transition-delay: 0.45s;
} 

#tab {
  height: 2500px;
}
.right {
  width: 600px;
  height: 600px;
}
table {
  width: 600px;
  font-family: 'Amatic SC', cursive;
  

}
th{
  font-size: 30px;
}
td {
  width: 200px;
  font-size: 18px;
  text-align: center;
  

}
#one{
 position: relative;
 left: 140px;
 top: 1950px;
 

}
#two{
  position: relative;
  left: 5px;
  
  

}
#three {
  position: relative;
  left: 140px;
  top: 50px;
  



}
#four {
  position: relative;
  left: 5px;
  top: 700px;
  


}
.one{
  position: relative;
  left: 700px;
  top: -1200px;
  

}
.two{
  position: relative;
  left: 5px;
  top: -1050px;
  
  

}
.three {
  position: relative;
  left: 740px;
   top: -820px;
  

}
.four {
  position: relative;
  left: 5px;
  top: -690px;
  
  
  
}
#con {
   position: relative;
   top: 70px;
   height: 150px;
   left: 30%;
   width: 500px;
}