@keyframes fur_wind_back
{
  from 
  {
	transform: skew(1deg,0deg) scaleX(1.01);
  }
  to 
  {
	transform: skew(-1deg,0deg) scaleX(1.01);
  }
}


@keyframes fur_wind 
{
  from 
  {
	transform: skew(5deg,0deg) scaleY(1);
  }
  to 
  {
	transform: skew(-5deg,0deg) scaleY(0.95);
  }
}

#background{
	background-color:#000;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	overflow-x: hidden;
	z-index:-100;
}


#b1{
	background-image: url("./images/fell.jpg");
	background-repeat:no-repeat;
	background-size:cover;     
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	animation-duration: 5.5s;
	animation-timing-function: ease-in-out; /*	cubic-bezier(0.1, 0.7, 1.0, 0.1);	*/
    animation-name: fur_wind_back;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


#back_ani_container{
	animation: fadein 3s;
	animation-timing-function: ease-in-out;
}

#o1{
	background-image: url("./images/fell_overlay_top.png");
	background-repeat:no-repeat;
	background-size:     cover; 
	
	animation-duration: 4.5s;
	animation-timing-function: ease-in-out; /*	cubic-bezier(0.1, 0.7, 1.0, 0.1);	*/
    animation-name: fur_wind;
    animation-iteration-count: infinite;
    animation-direction: alternate;

	position:absolute;
	top:0;
	left:0;
	
	width:100%;
	height:100%;
	
	transform-origin:40% 40%;
}


#o2{
	background-image: url("./images/fell_overlay_middle.png");
	background-repeat:no-repeat;
	background-size:     cover; 

	animation-duration: 4s;
	animation-timing-function: ease-in-out; /*	cubic-bezier(0.1, 0.7, 1.0, 0.1);	*/
    animation-name: fur_wind;
    animation-iteration-count: infinite;
    animation-direction: alternate;

	position:absolute;
	top:0;
	left:0;

	width:100%;
	height:100%;
	
	transform-origin:50% 60%;
}

#o3{
	background-image: url("./images/fell_overlay_bottom.png");
	background-repeat:no-repeat;
	background-size:     cover; 
	
	animation-duration: 5s;
	animation-timing-function: ease-in-out; /*	cubic-bezier(0.1, 0.7, 1.0, 0.1);	*/
    animation-name: fur_wind;
    animation-iteration-count: infinite;
    animation-direction: alternate;


	position:absolute;
	top:0;
	left:0;

	width:100%;
	height:100%;
	
	transform-origin:30% 85%;
}