BODY
{
	background-image:  url(../images/arcydzielo.png), url(../images/floppy.gif);
	animation: backgnd 10s linear infinite;
}

@keyframes backgnd {
	0%
	{
		background-position: 0 0;
	}
	
	100%
	{
		background-position: 1920px 0, -1000px 1000px;
	}
}

.TOP_BAR
{
	margin-top: 40px;
	margin-bottom: 100px;
	width: 100%;
	table-layout: fixed ;
}

.GAMEPAD
{
	content:url("../images/top_bar/gamepad.png");
	transition: all 1s ease;
}

.GAMEPAD:HOVER
{
	transform: scale(2);
	content:url("../images/top_bar/gamepad_over.png");
}

.VIDEO
{
	content:url("../images/top_bar/video.png");
	transition: all 1s ease;
}

.VIDEO:HOVER
{
	transform: scale(2);
	content:url("../images/top_bar/video_over.png");
}

.MUSIC
{
	content:url("../images/top_bar/music.png");
	transition: all 1s ease;
}

.MUSIC:HOVER
{
	transform: scale(2);
	content:url("../images/top_bar/music_over.png");
}

.RAINBOW_KLIKAJ
{
	font-family:segoe script;
	font-size:50px;
	background-image: linear-gradient(to right, #FF0000, #FFFF00, #00FF00, #00FFFF, #0000FF, #FF00FF, #FF0000);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	width: 1000px;
	animation: rainbow 0.5s linear infinite;
	position: absolute;
	margin-top: -95px;
}

@keyframes rainbow {
	to {
		background-position: 1000px;
	}
	
	0%
	{
		transform: rotate(-5deg);
	}
	
	50%
	{
		transform: rotate(5deg);
	}
	
	100%
	{
		transform: rotate(-5deg);
	}
}

.KOD
{
	position: absolute;
	display: inline-block;
	margin: 25px;
}

.GDANSK
{
	position: absolute;
	display: inline-block;
	margin: 100px;
}