@import url('https://fonts.googleapis.com/css2?family=Jim+Nightshade&family=Limelight&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Ysabeau+SC:wght@1..1000&display=swap');

* {
	scrollbar-color: #ae9e92 #9e8e82;
	scrollbar-width: thin;
}
	
body {
	background-image: linear-gradient(90deg, #9e8e82 29.59%, #ae9e92 29.59%, #ae9e92 50%, #9e8e82 50%, #9e8e82 79.59%, #ae9e92 79.59%, #ae9e92 100%);
	background-size: 196.00px 196.00px;
	font-family: "Playfair", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
}
	
a {
	color: #680818;
}
	
a:visited {
	color: #000000;
}
	
a:hover {
	color: #FFFFFF;
}
	
i {
	color: #353535
}
	
b {
	color: #1F1F1F;
}
	
h1 {
	font-family: "Jim Nightshade", cursive;
	font-weight: 400;
	font-style: normal;
	text-align: center;
}

h2 {
	font-family: "Ysabeau SC", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
}

.container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	gap: 0px 0px;
	grid-template-areas:
		"nav main";
}

.nav {
	width: 460px;
	height: 55px;
	border: solid 5px;
	border-color: #242020;
	background: #AE9E92;
	position: absolute;
	bottom: 425px;
	left: 450px;
	font-family: "Limelight", sans-serif;
	font-weight: 400;
	font-style: normal;
	word-spacing: 20px;
	font-size: 18px;
}

.navtext {
	margin: 10px 10px 10px 110px;
}

.main {
	overflow: auto;
	width: 400px;
	height: 360px;
	border: solid 5px;
	border-color: #242020;
	padding: 30px;
	background: rgba(222, 206, 214, 0.7);
	position: absolute;
	bottom: 0px;
	left: 450px;
	text-align: justify;
}

.footer {
	font-size: 10px;
} 


#header {
	background: url("mal.png");
	width: 566px;
	height: 515px;
	position: absolute;
	bottom: 160px;
	left: 0px;
	z-index: 1;
	pointer-events: none;
}
	
#rings {
	text-align: center;
}