*{
    margin:  0;
	padding: 0;
	border:  0;
	outline: 0;	
	vertical-align: baseline;
	background:     transparent;			        
	box-sizing:     border-box;
	z-index:        1;	
}

html, body {
    height:   100%;
    position: relative;	
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {    
    border-radius: 0;
}


/* index */

#container {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: 100vh;

	
	background: linear-gradient(153deg,#7fe700,#1960ff,#ff0000);
	background-size: 120% 120%;
	animation: gradient-animation 10s ease infinite;
	  
	  

}


  
  @keyframes gradient-animation {
	0% {
	  background-position: 0% 50%;
	}
	50% {
	  background-position: 100% 50%;
	}
	100% {
	  background-position: 0% 50%;
	}
  }

  img {
	max-width: 90%;
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition:    all 0.5s ease-out;
	-o-transition:      all 0.5s ease-out;
  }

  img:hover {
	opacity: 0.5;
  }