/* ================================ */
/* FONTS                            */
/* ================================ */

@font-face {
	font-family:"DejaVu Sans";
	src:url(/fonts/dejavu-sans.woff2) format("woff2");
	font-weight:normal;
}

@font-face {
	font-family:"DejaVu Sans";
	src:url(/fonts/dejavu-sans-bold.woff2) format("woff2");
	font-weight:bold;
}

/* ================================ */
/* GENERAL                          */
/* ================================ */

* {
	padding:0px;
	margin:0px;
}

body, section, .container {
	min-width:1000px;
}

body {
	color:#C9C9C9;
	font-family:"DejaVu Sans";
	font-size:14px;
	background-position:top center;
	background-repeat:repeat-x;
	-webkit-text-size-adjust:none;
}

section {
	box-sizing:border-box;
	position:relative;
	background-repeat:no-repeat;
	background-position:top center;
}

.container {
	width:1000px;
	height:100%;
	position:relative;
	margin:0px auto;
	background-position:top center;
}

section h1, section h2, section h3 {
	display:none;
}

p {
	font-size:15px;
	line-height:1.35em;
	text-shadow:0px 0px 2px rgba(0,0,0,1);
	margin-bottom:10px;
}

p:last-of-type {
	margin-bottom:unset;
}

a, a:visited {
	color:#DED9D4;
}

a:hover, a:focus {
	color:#FFFFFF;
}

/* ================================ */
/* COMIC                            */
/* ================================ */

body {
	background:#000000;
}

.section1 {
	background-image:url("../images/comic/comic1.jpg");
	height:800px;
}

#back {
	display:inline-block;
	line-height:0px;
	position:relative;
	top:95px;
	left:400px;
}

#back:hover {
	filter:brightness(1.15);
}

.section2 {
	background-image:url("../images/comic/comic2.jpg");
	height:800px;
}

#footer {
	background:url("../images/section12.jpg") top center repeat-y;
	font-weight:bold;
}

#copyright {
	padding:15px;
	color:#A7AFAF;
	display:flex;
	gap:8px;
	align-items:center;
}

#copyrightLogos {
	display:flex;
	flex-direction:column;
	gap:8px;
}

#copyrightLogos img {
	width:100px;
}

#copyrightLogos img:hover {
	filter:brightness(1.5);
}