.mr-5:hover{
  background: white;
  color: black;
  padding: 4px 4px;
  border-radius: 20px;
}

/**sldeshow begins here**/

.slider-frame{
  overflow: hidden;
  height: 454px;
  width: 454px;
  margin-top: 50px;
  background: #000;
  align-items: center;
}

@keyframes slide_animation{
  0%{left: 0px;}
  10%{left: 454px;}
  20%{left: 908px;}
  30%{left: 1362px;}
  40%{left: 1816px;}
  50%{left: 1816px;}
  60%{left: 1362px;}
  70%{left: 908px;}
  80%{left: 454px;}
  90%{left: 0px;}
  100%{left: 0px;}
}

.slide-image{
  width: 2270px;
  height: 600px;
  margin: 0 0 0 -1816px;
  position: relative;
  animation-name: slide_animation;
  animation-duration: 12s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-play-state: running;
  background-color: black
}

.img-cointainer{
  height: 454px;
  width: 454px;
  position: relative;
  float: left;
  background: #000;
}

.eliteind2{
  font-family: sans-serif;
  font-size: 50px;
  letter-spacing: 1px;
  margin: 5%;
  text-align: center;
  color: white;
  background: #000;
}

.eliteind3{
  font-family: fantasy;
  font-size: 20px;
  margin-top: 30%;
  margin-left: 5%;
  color: white;
  background: #000;
}

.itstable{
  background-color: black;
}