body {
	margin: 0;
	font-family: sans-serif;
	background: repeating-linear-gradient(to bottom,rgba(0, 0, 0, 0.15) 0px,rgba(0, 0, 0, 0.15) 1px,rgba(0, 0, 0, 0) 2px),url('/images/animewaterbg.gif');
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	color: #111;
}
.container {
	display: grid;
	grid-template-areas:"header header header""nav main right""footer footer footer";
	grid-template-columns: 200px 1fr 200px;
	grid-template-rows: auto 1fr auto;
	width: 1000px;
	height: 1050px;
	background: black;
	border-radius: 50px;
	overflow: hidden;
	border: 1px solid #107484;
}
header {
	grid-area: header;
	background: #107484;
	color: #D1F3F5;
	text-align: center;
	font-size: 50pt;
	font-family: 'Daydream';
	text-shadow: 1pt 1pt 1pt #2FB4C4;
	border-bottom: 1px solid #107484;
}
header span {
	font-size: 30pt;
	font-family: 'Milestone';
}
nav {
	grid-area: nav;
	padding: 0.5em;
	background: #D1F3F5;
	display: flex;
	flex-direction: column;
	gap: 0.8em;
	font-size: 0.8em;
	border-right: 1px solid #107484;
}
main {
	grid-area: main;
	padding: 1em;
	overflow-y: auto;
	font-size: 12pt;
	font-family: 'Coolvetica Rg';
	background: white;
	color: #107484;
}
.block {
	background: #D1F3F5;
	border: 1pt solid #107484;
	padding: 5pt;
	margin: -5pt;
	margin-bottom: 5pt;
}
.block h3 {
	margin: -2pt;
	background: #54c6d2;
	padding: 4pt;
	border: 1pt solid #107484;
	color: white;
	margin-bottom: 5pt;
	text-transform: uppercase;
}
.right-sidebar {
	grid-area: right;
	display: flex;
	flex-direction: column;
	height: 100%;
	font-size: 0.8em;
	min-height: 0;
	background: #D1F3F5;
	border-left: 1px solid #ccc;
	border-left: 1px solid #107484;
}
.right-sidebar > div {
	flex: 1 1 0;
	padding: 0.5em;
	overflow-y: auto;
	min-height: 0;
}
footer {
	grid-area: footer;
	padding: 0.3em;
	background: #107484;
	color: white;
	text-align: center;
	font-size: 15pt;
	font-family: '000webfont';
	border-top: 1px solid #107484;
}
.nav-section {
	background: #51C8D2;
	padding: 0.3em;
	border: 1px solid #107484;
	border-radius: 0;
}
.nav-section h3 {
	margin: 0 0 0.4em 0;
	font-size: 12pt;
	text-align: center;
	background: #2FB4C4;
	border-radius: 0;
	font-family: 'THEBOLDFONT';
	border: 1px solid #107484;
	padding: 2pt;
	color: white;
}
.nav-section ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.4em;
}
.nav-section li a {
	display: block;
	text-decoration: none;
	padding: 2pt;
	padding-top: 4pt;
	background: #D1F3F5;
	border-radius: 0;
	color: #2FB4C4;
	font-size: 13pt;
	border: 1px solid #107484;
	transition: background 0.2s;
	font-family: 'THEBOLDFONT';
}
.nav-section li a.sonicnav {
	background: url('images/links/sonic.gif') !important;
	background-size: 180px auto !important;
	background-position: center;
	text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
	color: #d1f4f4;
	letter-spacing: 2pt;
}
.nav-section li a.genshinnav {
	background: url('images/links/genshin.gif') no-repeat center center !important;
	background-size: cover !important;
	text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
	color: #d1f4f4;
	letter-spacing: 2pt;
}
.nav-section li a.minecraftnav {
	background: url('images/links/minecraft.gif') repeat center center !important;
	background-size: 120px auto !important;
	text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
	color: #d1f4f4;
	letter-spacing: 2pt;
}
.nav-section li a.neopetsnav {
	background: url('images/links/neopets.gif') no-repeat center center !important;
	background-size: 180px auto !important;
	text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
	color: #d1f4f4;
	letter-spacing: 2pt;
}
.nav-section li a.yugiohnav {
	background: url('images/links/yugioh.gif') no-repeat center center !important;
	background-size: 180px auto !important;
	text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
	color: #d1f4f4;
	letter-spacing: 2pt;
}
.nav-section li a.pokemonav {
	background: url('images/links/pokemon.gif') no-repeat center center !important;
	background-size: 180px auto !important;
	text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
	color: #d1f4f4;
	letter-spacing: 2pt;
}
.nav-section li a:hover {
	background: #fff !important;
}
#updates {
	border-bottom: 1pt solid #107484;
}
.update {
	margin-bottom: 0.8em;
	background: #51C8D2;
	padding: 0.4em;
	border: 1pt solid ##107484;
	border-radius: 0;
}
.update-date {
	font-size: 10pt;
	background: #2FB4C4;
	padding: 0.2em 0.4em;
	margin-bottom: 0.4em;
	border: 1pt solid ##107484;
	border-radius: 0;
	color: white;
	font-family: 'THEBOLDFONT';
}
.update-text {
	background: white;
	padding: 0.4em;
	font-size: 8pt;
	font-family: 'sono';
	border: 1pt solid ##107484;
	border-radius: 0;
}
.favorites {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4em;
	justify-content: center;
	align-items: flex-start;
}
.favorites a img {
	max-width: 80px;
	border-radius: 0;
	display: block;
	transition: transform 0.2s;
	border: 1px solid #ccc;
	background: #fff;
}
.favorites a img:hover {
	transform: scale(1.05);
}