/*BODY DIV - THE MAIN BOX*/
#bg {
	/*background settings*/
	position: fixed;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: -1; 
	
	background-color: #F2EDE7FF;
	background-image: url('../assets/bg.jpeg');
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
}
#body {
	
	/*text settings*/
	font-family: "Cormorant Garamond", serif, Verdana, Arial, Helvetica, sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 2.5vh;
}

/*HEADER HEADER - 1ST BODY DIV BOX*/
#header {
	color: #000000;
	background-color: transparent;
    background-image: linear-gradient(100deg, #F2EDE7FF, #F2EDE7FF, #F2EDE7FF, #F2EDE7FF, #F2EDE7FF);
}
#header a {
    text-decoration: none;
    color: #000000;
}
#header .positive {
	color: #36751CFF;
}
#header .negative {
	color: #cb0909
}

/*MAIN MAIN - 2ND BODY DIV BOX*/
	#main a {
		color: #F2EDE7;
	}
	/*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 {
		color: #F3EEE8FF;  
	}
	
		/*ROW DIVs - THE ARTICLE BOXES*/
			/*CELL DIVs - THE ROW BOXES*/
			/*text content cells*/

/*FOOTER FOOTER - 3RD BODY DIV BOX*/
#footer {
	color: #F3EEE8FF;
	background-color: rgb(20, 29, 24);
}
#footer a {
	color: #afd9f4;
	text-decoration: none;
}

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

	background: linear-gradient(45deg, #F2EDE7FF, #F2EDE7FF, #F2EDE7FF, #F2EDE7FF);
	background-size: 200% 200%;
	
	animation: 
		bgMove 4s ease infinite;
	
}
table.tiles th,
table.tiles td {	
	color: rgba(20, 29, 24);
	border-color: rgb(255, 255, 255);
}
/*TILIES EFFECT - ULS*/
/* ul.tiles li {
	color: rgba(20, 29, 24);

	background: linear-gradient(45deg, #F2EDE7FF, #F2EDE7FF, #F2EDE7FF, #F2EDE7FF);
	background-size: 200% 200%;
	animation: 
		bgMove 4s ease infinite;
}
ul.tiles2 li {
	color: rgba(20, 29, 24);

	background: linear-gradient(45deg, rgb(230, 215, 198), #F2EDE7FF, rgb(219, 211, 201), rgb(151, 147, 144));
	background-size: 200% 200%;
	animation: 
		bgMove 5s ease infinite;
} */

/*TILES EFFECT - FORMS*/
form.tiles fieldset {
	margin: 0;
	text-align: center;
}
form.tiles input[type="text"],
form.tiles input[type="email"],
form.tiles input[type="tel"] {
	font: inherit;
	background: rgb(244, 242, 240);
	width: 15ch; 
}
form.tiles textarea  {
	font: inherit;
	background: rgb(244, 242, 240);
	width: 24ch; 
}

/* Efekt focus */
form.tiles input:focus,
form.tiles textarea:focus {
  outline: none;
  border-color: #36751CFF;
  background: #ffffff;
}
form.tiles button[type="submit"],
input[type="file"]::file-selector-button {
	font: inherit;
}


/*GSALLERY EFFECT - GALLERY*/
div.gallery a {
	text-decoration: none;
}
div.gallery figure {
	width: 90vw;
	border: thin #F3EEE8FF solid;
	margin: auto;
	padding: 10px;           
	box-sizing: border-box;
}

figure img {
	aspect-ratio: 1/1;
	width: 100%;
	max-height: 100%;
	object-fit: cover;
	display: block;
}

figure figcaption {
	width: 100%;
	background: linear-gradient(45deg, #F2EDE7FF, #F2EDE7FF, #F2EDE7FF, #F2EDE7FF);
	background-size: 200% 200%;
	animation: 
		bgMove 5s ease infinite;
	color: rgba(20, 29, 24);
	font-size: 0.7em;
	font-style: italic;
	padding: 5px 0 5px 0;
	text-align: center;
}