/*!==============================
*post-gallery.online
*/

@font-face {
  font-family: Comic Neue;
  src: url("ComicNeue-Light.ttf");       
}

html {
background-image: url(../img5/00.jpg);
background-color:rgb(8, 10, 8);
background-size:cover;
background-repeat: no-repeat;
}

.eyes {
  text-align: right;
margin-top: -94%;
margin-right: 28%;
position: relative;
z-index: 2;
animation-name: scaleback; 
animation-duration: 1s; 
}

.eyes :hover {
  overflow: hidden;
  animation-name: scale; 
  animation-duration: 8s; 
}

@keyframes scale {
  0% { transform: scale(1.0); }
  10% { transform: scale(5.0); }
  20% { transform: scale(1.0); } 
  30% { transform: scale(5.0); }
  40% { transform: scale(1.0); }
  50% { transform: scale(5.0); }
  60% { transform: scale(1.0); }
  70% { transform: scale(5.0); } 
  80% { transform: scale(1.0); }
  90% { transform: scale(5.0); }
  100% { transform: scale(1.0); }
}

.spots {
position: absolute;
z-index: 0;
animation: fadeIn 0.5s infinite alternate;
opacity: 1;
margin-top: -0.5%;
}

@keyframes fadeIn { 
  from { opacity: 0.2; } 
}

.tont {
  position: relative;
  z-index: 0;
  animation: fadeIn 0.5s;
  filter: hue-rotate(0deg);
  opacity: 1;
  margin-top: 0%;
  animation-name: color;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  }

  @keyframes color {
    0%   {filter: hue-rotate(0deg);}
    25%  {filter: hue-rotate(220deg)}
    50%  {filter: hue-rotate(60deg)}
    75%  {filter: hue-rotate(320deg)}
    0%   {filter: hue-rotate(0deg);}

  }

  .white {
    position: relative;
    z-index: 1;
    margin-top: -117%;
    margin-right: 5.75%;
    text-align: right;
    opacity: 0.97;
    }

  .textlarge {
    position: relative;
    z-index: 0;
    opacity: 1;
    margin-top: -45%;
    margin-left: 7%;
    animation: skew 6s infinite;
    transform: skew(15deg);
    animation-direction: alternate;
    opacity: 0.9;
  }
  
  @keyframes skew {
    0% {
      transform: skewX(15deg);
    }
    100% {
      transform: skewX(-15deg);
    }
  }

h1 {
  font-family: 'Comic Neue';
  font-size: 4vh;
  text-align: right;
  right:2%;
  bottom:0;
  color:rgb(255, 251, 0);
  filter: drop-shadow(4px 2px 3px rgb(0, 0, 0));
  z-index: 20;
  position: fixed;
}

body {  

}

@media screen and (max-width: 1024px) {
  h1 {
    position: absolute;
  }

  .eyes img {
    overflow: hidden;
    animation: scale 8s infinite; 
  }
}

@media screen and (max-width:991px){
    
}
@media screen and (max-width:767px){

}
@media screen and (max-height:400px) {

}