@font-face
{
	font-family: "OrandakanKana";
	src: url('fonts/OrandakanKana.ttf');
}
@font-face
{
	font-family: "Republika";
	src: url('fonts/REPUEXP_.ttf');
}
body
{
	background-color:black;
	color:gray;
	text-align:center;
}
a, a:visited
{
	text-decoration:none;
	color:gray;
	font-weight:bold;
}
a:hover
{
	color:yellow;
}
a#aref::before
{
	content:"Wam";
}

header
{
	font-family: "OrandakanKana";
	font-size:20px;
	position:fixed;
	top:7px;
	right:7px;
	height:25px;
	padding:2px;
	background-color:black;
	text-align:left;
}
article
{
	font-size:2.5vw;
	margin: 12vh 0 12vh 0;
	height:94%;
	padding:2px;
}
footer
{
	font-size:13px;
	position:absolute;
	bottom:0px;
	height:20px;
	width:97%;
	text-align:center;
	font-style: italic;
	color:#444444;
}
img#fav
{
	max-width:80vw;
	max-height:65vh;
}

	/* Sidenav menu */
	.sidenav
	{
		height: 100%;
		width: 10vw;
		position: fixed;
		z-index: 1;
		top: 0;
		left: -10vw;
		background-color: #e8e8e8;
		padding-top: 60px;
		transition: left 0.5s ease;
	}
	/* Sidenav menu links */
	.sidenav a
	{
		padding: 0.5vh;
		text-decoration: none;
		font-size: 2vh;
		color: #818181;
		display: block;
		transition: 0.3s;
	}
	.sidenav a:hover
	{
		color: #111;
	}
	.sidenav ul
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	/* Active class */
	.sidenav.active
	{
	left: 0;
	color:white;
	}
	/* Close btn */
	.sidenav .close
	{
		position: absolute;
		top: 0;
		right: 2vh;
		font-size: 2vw;
	}
	/* Icône burger */
	.burger-icon span
	{
		display: block;
		background-color: black;
	}



@media (orientation: landscape)
{
	/* Icône burger */
	.burger-icon span
	{
		width: 3vh;
		height: 1vw;
		margin: 6px 0;
	}
}
@media (orientation: portrait)
{
	/* Icône burger */
	.burger-icon span
	{
		width: 3vw;
		height: 1vh;
		margin: 6px 0;
	}
}