body {
	background-color: #fff;
	background-image: url('images/bg.png');
	background-repeat: repeat; 
	background-attachment: fixed;
	overflow-x: hidden;
	margin:0px;
}
	
::-webkit-scrollbar {width: 10px; height: 3px; background: #fff;}
::-webkit-scrollbar-thumb {background-color:#ddcab2; border: 0px;}

::selection {color: #bc7589; background: #e7e2db;}
::-moz-selection {color: #bc7589; background: #e7e2db;}
::-webkit-selection {color: #bc7589; background: #e7e2db;}


	
.container {
	display: grid;
	grid-template-areas:
	'top'
	'middle'
	'bottom'; 
	gap:3px;
}

#top {
	grid-area: top;
	background-color:#e7e2db;
	left:0px;
	position:relative;
	width:100%;
	padding:10px 0px 25px 0px;
}


#topnav {
	position:relative;
	display: inline-block;
	float: center;
}


#topnav2 {
	top:20px;
	position:relative;
	display: inline-block;
	float: center;
}


#main {
	grid-area: middle;
	position:relative;
	font-size:18px;
	max-width: 80%;
	font-family: "Libertinus Serif", serif;
	color:#413e4a;
	letter-spacing: 1px;
	line-height: 150%;
	text-shadow:  -1px -1px 1px #fff;
	text-align: justify;
	padding:0 30px 0px 30px;
}

#bottom {
	grid-area: bottom;
	left:0px;
	position:relative;
	width:100%;
	background-color:#e7e2db;
	padding:20px;
	font-size:12px;
	font-family: "Libertinus Serif", serif;
	letter-spacing: 2px;
}

#bottom a{
	color:#696969;
	text-shadow:  -1px -1px 1px #e7e2db;
}

h1{
	font-family: "Parisienne", cursive;
	font-size:45px;
	color:#759165;
	font-weight:400;
	letter-spacing: 0px;
	text-align:center;
	margin-bottom: 15px;
}

h2{
	font-family: "Libertinus Serif", serif;
	font-size:14px;
	letter-spacing: 1px;
	font-weight:500;
	text-align:center;
	border-bottom: 1px dotted #c7818c;
	margin:0px -6px 0px -6px;
}

a {
	color:#8569a1;
	letter-spacing: 1px;
	font-weight:400;
	margin-bottom: 20px;
	text-decoration:none;
	cursor:help;
	}

a:hover {
	color:#759165;
	text-decoration:none;
	transition: 0.5s;}
	

i {color:#c7818c;}


.wings {
	position: relative;
	padding: 0px 5px 0px 5px;

}

.jump {
background-color: #fff;
font-size:11px;
letter-spacing: 2px;
text-transform:uppercase;
padding:8px;
}


@media (min-width: 700px) {
  #top {grid-area: 1 / span 1;}
  #middle {grid-area: 1 / span 1;}
  #bottom {grid-area: 1 / span 1;}

}

.layoutsimg {
	display: inline-grid;
	grid-template-columns: auto auto auto;
}

.limg {
	max-width: 100%;
}

.limg:hover {
	filter: grayscale(70%);
	opacity: 0.8;
	transition:0.7s;
}

#layoutsimg {
	overflow:no-scroll;
	margin: 10px;
	font-size:14px;
	padding:20px;
	background-color:#fff;
	box-shadow: 0px 0px 7px #f0eae9;
}