@charset "utf-8";


@keyframes rainbow
{
	0% 		{	background-color: 	rgba(255, 	0, 		0,		0.3);	}
	20%		{	background-color: 	rgba(0, 	255, 	0,		0.3);	}
	40%		{	background-color: 	rgba(0, 	0, 		255,	0.3);	}
	60%		{	background-color: 	rgba(0, 	255, 	255,	0.3);	}
	80%		{	background-color: 	rgba(255, 	255, 	0,		0.3);	}
	100%	{	background-color: 	rgba(255, 	0, 		0,		0.3);	}
}


HTML, BODY 
	{
		min-height: 		100%; /* Hack to get the BOODY background-size:	cover; to play nicely and fill to the vertical height as well. */
	}


BODY
	{
		background-color: 	#FFFFFF;
		background-image:	url('https://www.juliokas.com/images/bg1.jpg');
		background-size:	cover;
		overflow:			hidden;
	}


.fader
	{
		position: 			absolute;
		width: 				140%;
		height: 			140%;
		margin:				-20px;

		animation: 			rainbow 60s infinite;
	}


.fixer
	{
		width: 				700px;
		height: 			330px;
		position: 			absolute;
		left: 				50%;
		margin-left: 		-350px;
		top: 				50%;
		margin-top: 		-165px;
		text-align: 		center;
	}


.hr1
	{
		color: 				#DDDDDD;
	}


.box1
	{
		width:				700px;
		height:				300px;
		background-color: 	#DDDDDD;
		border: 			solid 1px #999999;
		border-radius:		10px;
		box-shadow:			0px 0px 10px #FFFFFF;
		opacity: 			0.8;
	}


.box2
	{
		background-color: 	#AAAAAA;
		border-radius:		0px 0px 10px 10px;
		box-shadow:			0px 0px 10px #AAAAAA;
		opacity: 			0.8;
	}


.text1
	{
		color: 				#333333;
		font-family: 		"Raleway", sans-serif;
		font-size:			24px;
		letter-spacing:		16px;
	}


.text2
	{
		color: 				#666666;
		font-family: 		"Raleway", sans-serif;
		font-size:			18px;
		letter-spacing:		2px;
	}


.text2_link
	{
		color: 				#0000FF;
		font-family: 		"Raleway", sans-serif;
		font-size:			20px;
		font-size:			18px;
		letter-spacing:		2px;
	}


.text3
	{
		color: 				#0000FF;
		font-family: 		"Raleway", sans-serif;
		font-size:			12px;
		letter-spacing:		5px;
		text-decoration:	none;
	}


.text3:hover
	{
		color: 				#FFFFFF;
		font-family: 		"Raleway", sans-serif;
		font-size:			12px;
		letter-spacing:		5px;
		text-decoration:	none;
	}