::-webkit-scrollbar{
    display: none;
}

::-moz-scrollbar{
    display: none;
}

::-ms-scrollbar{
    display: none;
}

::-o-scrollbar{
    display: none;
}

::scrollbar{
    display: none;
}
@font-face {
      font-family: "NeonTubes2";
      src: url("NeonTubes2.otf");
    }

body {

  background-image: url('1.jpg');
  background-position: center top;
  background-size: cover;
}

.lasvegas {
  font-family: 'NeonTubes2', cursive;
  font-size:55px;
  border: none;
  color: rgba(255,255,255,0.6);
  text-align: center;
  text-shadow: 
     1px 5px 4px rgba(0,0,0,.3), 
    0 0 2px rgba(255,255,255,1), 
    0 0 10px rgba(255,255,255,1), 
    0 0 20px rgba(255,255,255,1), 
    0 0 30px rgba(255,255,255,1), 
    0 0 40px #ff00de, 
    0 0 70px #ff00de, 
    0 0 80px #ff00de,
    0 0 100px #ff00de;
    
}


.lasvegas span{
  animation: blink .3s infinite alternate;
}

.lasvegas span.delay{
  animation-duration:6s;
  animation-delay: 2s;
  animation-direction: alternate;
  cubic-bezier(0.5, 0.2, 0.3, 1.0)
}


@keyframes blink {
  0%   {}
  50%  {}
  60%{
    text-shadow: 
      0 0 2px rgba(255, 255, 255, .1), 
      0 0 10px rgba(255, 255, 255, .4);
    
    text-stroke: 2px rgba(255,255,255,0.05);
  }
  70%{
    text-shadow: 
      0 0 2px rgba(255,255,255,1), 
      0 0 10px rgba(255,255,255,1), 
      0 0 20px rgba(255,255,255,1), 
      0 0 30px rgba(255,255,255,1), 
      0 0 40px #ff00de, 
      0 0 70px #ff00de, 
      0 0 80px #ff00de,
      0 0 100px #ff00de;
  }
  80%{
    text-shadow: 
      0 0 2px rgba(255, 255, 255, .1), 
      0 0 10px rgba(255, 255, 255, .4);
    
    text-stroke: 2px rgba(255,255,255,0.05);
  }
  100% { 
    text-shadow: 
      0 0 2px rgba(255,255,255,1), 
      0 0 10px rgba(255,255,255,1), 
      0 0 20px rgba(255,255,255,1), 
      0 0 30px rgba(255,255,255,1), 
      0 0 40px #ff00de, 
      0 0 70px #ff00de, 
      0 0 80px #ff00de,
      0 0 100px #ff00de;
  }
}

#site {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.player {
  margin: 20px auto;
  max-width: 50em;
  padding: 2px;
  border: 5px solid gray;
  border-radius: 10px;
}
.player__video {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.player__video iframe {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.gallery {
  width: 70vw;
  margin: 0 auto;
  background-color: gray;
  padding: 1em;
  border-radius: 10px;
}
.gallery__item {
  align-items: center;
  background-color: black;
  color: white;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0 .75em;
  border-radius: 10px;
}
.gallery__item__img {
  width: 70%;
}
.gallery__item__span {
  padding-left: 1em;
  text-shadow: 1px 1px 2px red;
  width: 60%;
}

.salir
            {
                position: absolute;
                top: 1%;
                right: 1%;
                z-index: 100;
            }


@media screen and (min-width: 30em) {
  .gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .75em;
  }
  
 }
}
@media screen and (min-width: 48em) {
  .gallery {
    grid-template-columns: repeat(3, 1fr);
  }
  
}
@media screen and (min-width: 60em) {
  .gallery {
    grid-template-columns: repeat(4, 1fr);
  }
 
}