@charset "utf-8";
/* CSS Document */

@keyframes slide-to-right
	{
	 0% { left: 0; } 
	 100% { left: 120vw; } 
	}

@keyframes slide-from-right
	{
	 0% { left: 120vw; } 
	 100% { left: 0; } 
	}

@keyframes slide-to-left
	{
	 0% { left: 0; } 
	 100% { left: -120vw; } 
	}

@keyframes slide-from-left
	{
	 0% { left: -120vw; } 
	 100% { left: 0; } 
	}

.slide
	{
	 animation-duration: 250ms;
	 animation-timing-function: ease-in-out;
	 animation-iteration-count: 1;
	 animation-fill-mode: forwards;
	}
.out.right
	{ animation-name: slide-to-right; }
.in.right
	{ animation-name: slide-from-right; }
.out.left
	{ animation-name: slide-to-left; }
.in.left
	{ animation-name: slide-from-left; } /*slide-left; }*/

/*@media all
{
 BODY
	{
	 width: 100%; height: 100%;
	 padding: 0; margin: 0;
	 background-color: black;
	 overflow: hidden;
	}

 DIV#image_container
	{
	 width: 100vw; height: 100vh;
	 position: absolute;
	 left: 0; top: 0;
	 ackground-color: grey;
	}	 

 IMG
	{
	 height: 100vh;
	 margin: 0 auto;
	 display: block;
	}
}*/