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

/*HEADER HEADER - 1ST BODY DIV BOX*/
#header {
	color: #b5c3ff;
	background-color: #1F1023;
}
#header a {
    color: #EFFFFF;
    text-decoration: none;
    border-color: #C1DEFF;
}

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

	/*article*/
	#main article {
		background-color: #ffffff;
		color: #1F1023;
	}
		/*ROW DIVs - THE ARTICLE BOXES*/
			/*CELL DIVs - THE ROW BOXES*/
			/*text content cells*/
			#main .row .textContent {
				background-color: #FFD6FF;
			}
				#main .row .textContent a {
					color: #839CFF;
				}
			/*animation content cells*/
			#main .row .animationConten {
				background-color: #ffffff;
			}

	
/*FOOTER FOOTER - 3RD BODY DIV BOX*/
#footer {

    color: #839CFF;
    background-color: #1F1023;
}
#footer a {
    color: #EFFFFF;
    text-decoration: none;
}

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

	background: linear-gradient(45deg, #4b2755, #1F1023, #101f23, #2a525c);
	background-size: 200% 200%;
	
	animation: 
		bgMove 4s ease infinite;
	
}
table.tiles th,
table.tiles td {	
	color: #839CFF;
	border-color: #ced9ff;
}
/*TILIES EFFECT - ULS*/
ul.tiles li {
	color: #839CFF;

	background: linear-gradient(45deg, #4b2755, #1F1023, #101f23, #2a525c);
	background-size: 200% 200%;
	animation: 
		bgMove 5s ease infinite;
}