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

/*vanhat tässä kommenttina, en siis poistanut mitään

body {
    background-image: url("graphic_logo.png");
    background-repeat: repeat;
}*/

body {
	margin: 0;
}

.container {
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.logo {
	
	width: 25%;
	height: auto;
    	position: relative;
    	-webkit-animation-name: example; /* Chrome, Safari, Opera */
    	-webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    	-webkit-animation-iteration-count: infinite;
    	animation-name: example;
    	animation-duration: 4s;
    	animation-iteration-count: infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    	0%   {left:0%; top:0%;}
    	25%  {left:75%; top:0%;}
    	50%  {left:75%; top:80%;}
    	75%  {left:0%; top:80%;}
    	100% {left:0%; top:0%;}
}

/* Standard syntax */
@keyframes example {
    	0%   {left:0%; top:0%;}
    	25%  {left:75%; top:0%;}
    	50%  {left:75%; top:80%;}
    	75%  {left:0%; top:80%;}
    	100% {left:0%; top:0%;}
}