html,body {
	height: 100%;
	margin: 0;
	background-image:url(images/bg.jpg);
	background-repeat:repeat;
	font-family: 'Libre Baskerville', serif;
	color: #ece6d5;
}
.main-container {
	margin-top: -70px;
	opacity: .95;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	gap: 40px;
	padding: 40px;
}
#navigation a{
	position:relative;
	padding:14px 10px;
	background:none;
	border:none;
	color:#f3e8c0;
	font-family:'Cinzel Decorative',serif;
	font-size:16px;
	letter-spacing:2px;
	text-transform:uppercase;
	text-align:center;
	transition:.45s;
}
#navigation a::before{
	content:"✦";
	color:#d4af37;
	margin-right:10px;
	font-size:13px;
}
#navigation a::after{
	content:"";
	position:absolute;
	left:18%;
	bottom:2px;
	width:64%;
	height:1px;
	background:linear-gradient(90deg,transparent,rgba(212,175,55,.95),transparent);
	transform:scaleX(.25);
	transition:.4s;
}
#navigation a:hover{
	color:#fff7d2;
	text-shadow:0 0 10px rgba(212,175,55,.6),0 0 25px rgba(212,175,55,.3);
	letter-spacing:3px;
}
#navigation a:hover::after{
	transform:scaleX(1);
}
#navigation{
	width:260px;
	padding:36px 28px;
	background:radial-gradient(circle at top, rgba(255,220,120,.12), transparent 55%),linear-gradient(180deg,rgba(45,45,45,.95) 0%,rgba(20,20,20,.96) 45%,rgba(8,8,8,.98) 100%);
	border:1px solid rgba(212,175,55,.45);
	border-radius:24px;
	backdrop-filter:blur(10px);
	box-shadow:inset 0 1px rgba(255,240,180,.15),inset 0 -10px 40px rgba(0,0,0,.45),0 0 45px rgba(212,175,55,.12);
	position:sticky;
	top:40px;
	display:flex;
	flex-direction:column;
	gap:18px;
}
#navigation::before{
	content:"";
	position:absolute;
	left:20px;
	right:20px;
	top:14px;
	height:1px;
	background:linear-gradient(90deg,transparent,rgba(212,175,55,.75),transparent);
}
#navigation::after{
	content:"";
	position:absolute;
	left:20px;
	right:20px;
	bottom:14px;
	height:1px;
	background:linear-gradient(90deg,transparent,rgba(212,175,55,.75),transparent);
}
#content {
	flex: 1;
	max-width: 800px;
}
.contentx{
	position:relative;
	padding:42px;
        text-align:justify;
	background:radial-gradient(circle at top,rgba(255,225,150,.05),transparent 45%),linear-gradient(180deg,rgba(38,38,38,.96),rgba(18,18,18,.97) 45%,rgba(10,10,10,.98));
	border-radius:30px;
	color:#ece7da;
	line-height:1.95;
	letter-spacing:.6px;
	backdrop-filter:blur(12px);
	box-shadow:inset 0 1px rgba(255,245,210,.08),inset 0 -18px 50px rgba(0,0,0,.45),0 0 55px rgba(212,175,55,.08);
}
#header {
	background-image:url(images/head.jpg),url(images/bg1.jpg);
	background-repeat: no-repeat, repeat-x;
	background-position: center;
	height: 659px;
	width: 100%;
	position: relative;
}
h1{
	position:relative;
	display:inline-block;
	padding:18px 46px;
	font-family:'Cinzel Decorative',serif;
	font-size:30px;
	font-weight:700;
	letter-spacing:5px;
	text-transform:uppercase;
	color:#f4e6b3;
	background:radial-gradient(circle at top,rgba(255,220,120,.10),transparent 60%),linear-gradient(180deg,rgba(38,38,38,.96),rgba(15,15,15,.98));
	border:none;
	border-radius:18px;
	text-shadow:0 0 8px rgba(212,175,55,.45),0 0 24px rgba(212,175,55,.18);
	box-shadow:inset 0 1px rgba(255,255,220,.08),inset 0 -10px 30px rgba(0,0,0,.45),0 0 35px rgba(212,175,55,.10);
}
h1::before,h1::after{
	content:"❦";
	color:#d4af37;
	font-size:22px;
	margin:0 18px;
	text-shadow:0 0 12px rgba(212,175,55,.6);
}
h1::selection{
	background:#d4af37;
	color:#111;
}
blockquote{
	position:relative;
	margin:60px auto;
	max-width:850px;
	padding:45px 60px;
	background:radial-gradient(circle at top,rgba(255,225,150,.05),transparent 55%),linear-gradient(180deg,rgba(30,30,30,.96),rgba(12,12,12,.98));
	color:#ddd7c7;
	border:none;
	border-radius:26px;
	font-style:italic;
	line-height:2;
	box-shadow:inset 0 1px rgba(255,245,210,.08),inset 0 -15px 40px rgba(0,0,0,.45),0 0 40px rgba(212,175,55,.08);
}
blockquote::before{
	content:"❝";
	position:absolute;
	left:28px;
	top:10px;
	font-size:70px;
	color:rgba(212,175,55,.25);
}
blockquote::after{
	content:"❞";
	position:absolute;
	right:28px;
	bottom:0;
	font-size:70px;
	color:rgba(212,175,55,.25);
}
h1:before,blockquote:before{
	transition:.4s;
}
h1::after{
	margin-left:18px;
}
blockquote hr{
	display:none;
}
blockquote::selection{
	background:#d4af37;
	color:#111;
}
blockquote::marker{
	display:none;
}
blockquote:after,blockquote:before{
	pointer-events:none;
}
blockquote>*:first-child::before,blockquote>*:last-child::after{
	content:"";
	display:block;
	width:70%;
	height:1px;
	margin:18px auto;
	background:linear-gradient(90deg,transparent,rgba(212,175,55,.85),transparent);
}
textarea,input,select{
	width:80%;
	padding:16px;
	margin:12px 0;
	background:#181818!important;
	color:#eee;
	border:1px solid #b99734;
	border-radius:8px;
	caret-color:#d4af37;
	transition:.3s;
}
textarea:focus,input:focus,select:focus{
	outline:none;
	background:#202020;
	border-color:#d4af37;
	box-shadow:0 0 15px rgba(212,175,55,.4);
}
#footer{
	position:relative;
	overflow:hidden;
	margin-top:120px;
	padding:90px 40px 70px;
	text-align:center;
	background:radial-gradient(circle at top,rgba(255,220,120,.10) 0%,rgba(255,220,120,.03) 20%,transparent 60%),linear-gradient(180deg,rgba(20,20,20,.15) 0%,rgba(12,12,12,.92) 35%,rgba(5,5,5,1) 100%);
	color:#d8d1c0;
	font-family:'Cinzel Decorative', serif;
	font-size:17px;
	letter-spacing:2px;
	line-height:2.2;
	box-shadow:inset 0 50px 80px rgba(255,220,120,.03),inset 0 -40px 80px rgba(0,0,0,.55);
	backdrop-filter:blur(8px);
}
#footer::before{
	content:"";
	position:absolute;
	inset:0;
	background:radial-gradient(ellipse at top,rgba(212,175,55,.10),transparent 65%);
	pointer-events:none;
}
#footer::after{
	content:"✦ ☉ ✦";
	position:absolute;
	top:18px;
	left:50%;
	transform:translateX(-50%);
	color:rgba(212,175,55,.75);
	font-size:18px;
	letter-spacing:18px;
	text-shadow:0 0 12px rgba(212,175,55,.45),0 0 28px rgba(212,175,55,.18);
}
#footer a{
	color:#e6d28f;
	text-decoration:none;
	transition:.4s;
}
#footer a:hover{
	color:#fff6d6;
	text-shadow:0 0 12px rgba(212,175,55,.55),0 0 30px rgba(212,175,55,.18);
}
#footer{
	mask-image: linear-gradient(to bottom,transparent 0,black 50px,black 100%);
	-webkit-mask-image: linear-gradient(to bottom,transparent 0,black 50px,black 100%);
}
a{
	color:#d8c27d;
	text-decoration:none;
	position:relative;
	transition:.35s ease;
	font-weight:500;
}
a::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:-3px;
	width:0;
	height:1px;
	transform:translateX(-50%);
	background:linear-gradient(90deg,transparent,#d4af37,transparent);
	transition:.35s;
}
a:hover{
	color:#fff4cb;
	text-shadow:0 0 8px rgba(212,175,55,.55),0 0 18px rgba(212,175,55,.25);
}
a:hover::after{
	width:100%;
}
b,strong{
	color:transparent;
	background:linear-gradient(180deg,#fff6d2 0%,#efd98b 35%,#c79c2d 100%);
	-webkit-background-clip:text;
	background-clip:text;
	font-family:'Cinzel Decorative', serif;
	font-weight:700;
	letter-spacing:2px;
	text-shadow:0 0 10px rgba(212,175,55,.18);
}
i,em{
	color:#ddd3b4;
	font-style:italic;
	font-weight:400;
	letter-spacing:.4px;
	text-shadow:0 0 8px rgba(255,230,170,.08);
	position:relative;
}
i::before,em::before{
	content:"❝";
	color:rgba(212,175,55,.45);
	margin-right:4px;
}
i::after,em::after{
	content:"❞";
	color:rgba(212,175,55,.45);
	margin-left:4px;
	}