:root{
  --color_yellow:#e9c951;

}


body{
  margin:0;
}

.e_sport_container{
  position:relative;
  width:100%;
  height:1000px;
  display:flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow:hidden;
   font-family: Arial, Helvetica, sans-serif;
}

.video_background{
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
}

.video_background video{
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) ;
  transform: translateX(-50%) ;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1000;
  overflow: hidden;
}


.overlay{
  position: absolute;
  top: 0;
  left: 0;
  min-width:100%;
  height:100%;
  background: radial-gradient(rgba(0,0,0,0),black);
}


.sport{
  display:flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 2;
  margin:0 120px;
  cursor:pointer;
  max-width: 280px;
  transition: 0.5s;
  filter:drop-shadow(10px 5px 5px black);

  border-radius: 30px;
  padding:30px 0;
}

.sport:hover {
  transform: scale(1.2);
  filter:none;
}

.sport_img{
  width: 110%;
  transition: 0.9s;
  filter:grayscale(100%);
  z-index: -3;
}

.bet_button{
  padding:10px 0;
  border:5px outset   var(--color_yellow);
  transition:.5s;
  width: 100%;
  margin-top:50px;
}

.bet_button>a{
  text-decoration:none;
  color:var(--color_yellow);
  font-size:20px;
  font-weight: bold;
  transition:.5s;
}

.sport:hover .bet_button , .sport:hover .bet_button a{
   color:black;
   background-color: var(--color_yellow);
}

.sport:hover .sport_img{
  filter:none;
}

.sport:hover .product_name{
  transform:scale(1.2);
  transform:translateY(70px);
}

.product_name{
  width:60%;
  position:absolute;
  top:30%;
  transform: scale(1);
  transition:1s;
  filter:drop-shadow(0 0 10px black);
}

.product_name img{
  max-width: 100%;
}

.frame{
  position:absolute;
  width: 100%;
  top:0;
  z-index: -1;
}

.frame_bg{
  position:absolute;
  width: 100%;
  top:0;
  z-index: -5;
  background: rgba(0,0,0,0.5);
}