body {
	width: 100wh;
	height: 90vh;
	color: #000;
	/* background: linear-gradient(-45deg, #085954, #f24f1f, #c4d933, #fca83b); */
	/* background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB); */
	/* background-image: url(img/core-img/thejunglebackground.jpg); */
	background-color: #000;
	background-size: 100% 100%;
	background-repeat: repeat;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

h1,
h6 {
	font-family: 'Open Sans';
	font-weight: 300;
	text-align: center;
	position: absolute;
	top: 45%;
	right: 0;
	left: 0;
}



.shake {
	animation: shake-animation 4.72s ease infinite;
	transform-origin: 50% 50%;
	background-color: rgba(255,255,255,1) !important;
  }
  
.shake:hover{
	animation: shake-animation 4.72s ease infinite;
	transform-origin: 50% 50%;
	background-color: rgba(45,108,18,0.2) !important;
  }
  
.shake2 {
	animation: shake-animation 6s ease infinite;
	transform-origin: 50% 50%;
	background-color: rgba(255,255,255,1) !important;
  }

.shake2:hover{
	animation: shake-animation 4.72s ease infinite;
	transform-origin: 50% 50%;
	background-color: rgba(45,108,18,0.2) !important;
  }
  
.shake3 {
	animation: shake-animation 8s ease infinite;
	transform-origin: 50% 50%;
	background-color: rgba(255,255,255,1) !important;
  }

.shake3:hover{
	animation: shake-animation 4.72s ease infinite;
	transform-origin: 50% 50%;
	background-color: rgba(45,108,18,0.2) !important;
  }
  
.shake4 {
	animation: shake-animation 10s ease infinite;
	transform-origin: 50% 50%;
	background-color: rgba(255,255,255,1) !important;
  }

.shake4:hover{
	animation: shake-animation 4.72s ease infinite;
	transform-origin: 50% 50%;
	background-color: rgba(45,108,18,0.2) !important;
  }  
  
  .element {
	margin: 0 auto;
	width: 150px;
	height: 150px;
	background: red;
  }
  @keyframes shake-animation {
	 0% { transform:translate(0,0) }
	1.78571% { transform:translate(5px,0) }
	3.57143% { transform:translate(0,0) }
	5.35714% { transform:translate(5px,0) }
	7.14286% { transform:translate(0,0) }
	8.92857% { transform:translate(5px,0) }
	10.71429% { transform:translate(0,0) }
	100% { transform:translate(0,0) }
  }
  

  .backdrop {
	  -moz-box-shadow: 0px 6px 5px #111; 
	  -webkit-box-shadow: 0px 6px 5px #111; 
	  box-shadow: 0px 2px 10px #111; 
	  -moz-border-radius:180px; 
	  -webkit-border-radius:180px; 
	  border-radius:180px;
  }

  .linktree {
	  width: 150px;
	  height: 150px;
	  background-image: url(img/core-img/logothejungle.svg);
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-position: 50% 50%;
  }