/*BODY DIV - THE MAIN BOX*/
#body {
	/*background settings*/
	background-color: #f0fffe;
	background-image: url('../assets/files.jpg');
	background-repeat: no-repeat;
	background-position:center;
	background-size: auto 100%;
	background-attachment: fixed;
	
	/*text settings*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 3.5vh;
}

/*HEADER HEADER - 1ST BODY DIV BOX*/
#header {
	color: #000000;
	background-color: #f0fffe;
}
#header a {
	font-weight: bold;
    text-decoration: none;
    color: #4E996E;
    border-color: #126AA9;
}
#header .positive {
	color: #4E996E;
}
#header .negative {
	color: #cb0909
}

/*MAIN MAIN - 2ND BODY DIV BOX*/
	#main a {
		color: #126AA9;
		text-decoration: none;
	}
	/*header and footer bg divs*/
	/*#main #footerBackground,*/
	#main #headerBackground {
		min-height: 100vh;
		min-width: 100%;
		background-image: 
			url('../assets/notes.png');
		background-repeat: no-repeat;
		background-position: bottom center;
		background-size:  75% auto;
		background-attachment: scroll;
	}

	/*article*/
	#main article {
		background-color: #1f2c42;
		color: #e9fdf1;
	}
		/*ROW DIVs - THE ARTICLE BOXES*/
			/*CELL DIVs - THE ROW BOXES*/
			/*text content cells*/
			#main .row .textContent {
				color: #182f22;
				background-color: #f0fffe;
			}
			/*animation content cells*/
			#main .row .animationConten {
				background-color: #ffffff;
			}

/*FOOTER FOOTER - 3RD BODY DIV BOX*/
#footer {
	color: #000000;
	background-color: #f0fffe;
}
#footer a {
	color: #126AA9;
	text-decoration: none;
}

/*TILES EFFECT - TABLES*/
table.tiles thead,
table.tiles tbody {
	border-color:#ffffff;

	background: linear-gradient(45deg, #c8ddfc, #d7faff, #deffed, #a8ffb2);
	background-size: 200% 200%;
	
	animation: 
		bgMove 4s ease infinite;
	
}
table.tiles th,
table.tiles td {	
	color: #182f22;
	border-color: #c2dced;
}
/*TILIES EFFECT - ULS*/
ul.tiles li {
	color: #182f22;

	background: linear-gradient(45deg, #c8ddfc, #d7faff, #f0fff7, #a8ffb2);
	background-size: 200% 200%;
	animation: 
		bgMove 4s ease infinite;
}
/*CITES EFFECT*/
div.cites blockquote {
	color: #182f22;

	background: linear-gradient(45deg, #c8ddfc, #d7faff, #f0fff7, #a8ffb2);
	background-size: 200% 200%;
	animation: 
		bgMove 4s ease infinite;
}