/* FONTS */

html{
	scroll-behavior: smooth;
}

@font-face {
	font-family: 'nokia';
	src: url('../font/nokiafc22.ttf');
	src: url('../font/nokiafc22.woff2') format('woff2'),
		 url('../font/nokiafc22.woff') format('woff'),
		 url('../font/nokiafc22.ttf') format('truetype'),
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'metal';
	src: url('../font/metal_lord.ttf');
	src: url('../font/metal_lord.woff2') format('woff2'),
		 url('../font/metal_lord.woff') format('woff'),
		 url('../font/metal_lord.ttf') format('truetype'),
	font-weight: normal;
	font-style: normal;
}
	
/* COMMON */

.block {display:block;}
.maxWidth {width:100%;}
.inline {display:inline-block};
span.strong {font-weight:bolder;}
ul {padding:0px;margin:0px;}
ul li{list-style-type:none;}
.padding {padding:10px;}
.title {
	color:#ffd7a4;
	font-family:"nokia";
	font-size:2em;
	padding-bottom:10px;
	padding-top:5px;
}
a.bt, input.bt {
	background-color:transparent;
	border:0px;
	font-weight:bold;
	color:#f4284e;
	text-decoration:none;
	transition: all 120ms ease-in;
	cursor:pointer;
	padding:0px;
	padding-top:5px;
	font-size:1.2em;
	display:block;
}

a.bt img {
	vertical-align:middle;
}

a.bt:hover, input:hover {
	color:white;
	text-decoration:none;
	transition: all 120ms ease-in;
}
input.mail, input.mail:hover {
	color:black;
	background-color:#ffd7a4;
	border:none;
	padding:2px;
}

/* LAYOUT */

body {
	img[src$=".gif"], img[src$=".png"] {
		image-rendering: pixelated;
		image-rendering:-moz-crisp-edges; 
		image-rendering: -o-crisp-edges; 
		-ms-interpolation-mode:nearest-neighbor;
	}
	form {
		padding:0px;
	}
}

#content {
	background-color:#192733;
	color:#8891A6;
	min-height:400px;
	margin:0px;
	padding:0px;
	font-family:"nokia";
	width:100%;
}

.container {
	margin:0px;
	padding:0px;
	image-rendering: pixelated;
	image-rendering:-moz-crisp-edges; 
	image-rendering: -o-crisp-edges; 
	-ms-interpolation-mode:nearest-neighbor;
	letter-spacing:-0.31em;
	text-rendering: optimizespeed;
	text-align:center;
}

.bgMenu {
	background-color:rgba(0,0,0,0.6);
	letter-spacing: normal;
}

.box {
	width:15%;
	padding-bottom:20px;
	padding-left:1%;
	padding-right:1%;
	margin-bottom:20px;
	background-color:rgba(0,0,0,0.7);
	position:relative;
	display:inline-block;
	letter-spacing: normal; word-spacing: normal; text-rendering: auto;
	min-height:500px;
	vertical-align:text-bottom;
	margin-right:2%;
	text-align:left;
	color:#ffd7a4;
}

.box2 {
	background-color:rgba(0,0,0,0.7);
	position:relative;
	letter-spacing: normal; word-spacing: normal; text-rendering: auto;
	margin-bottom:2%;
	margin-top:-1px;
	width:100%;
	display:none;
	color:#ffd7a4;
}

.menuBox {
	margin:auto;
	margin-bottom:8px;
}

.menuItem {
	color:#f4284e;
	font-family:"metal";
	font-size:1.8em;
	text-align:center;
	transition: all 120ms ease-in;
	text-shadow:0px 3px 0px #720518, 3px 3px 0px #720518;
	text-decoration:none;
	display:inline-block;
	padding-top:10px;
	padding-bottom:5px;
	width:16%;
}

.menuItem:first-child {
	margin-left:8%;
}



.header {
	margin:1%;
	padding:0px;
	image-rendering: pixelated;
	image-rendering:-moz-crisp-edges; 
	image-rendering: -o-crisp-edges; 
	-ms-interpolation-mode:nearest-neighbor;
	letter-spacing:-0.31em;
	text-rendering: optimizespeed;
	width:98%;
}

#jobs{
	letter-spacing:0em;
}

#band{
	letter-spacing:0em;
}

#hire {
	letter-spacing:0em;
	max-width:1280px;
	margin:auto;
	font-family:"nokia";
}

.menuItem:hover {
	color:white;
	font-family:"metal";
	text-decoration:none;
	transition: all 120ms ease-in;
	text-shadow:0px 3px 0px #E77CA7, 3px 3px 0px #E77CA7;
}

h2 {
	font-family:"metal";
	text-align:center;
	font-size:2.5em;
	color:#ffd7a4;
	letter-spacing: 1px;
}

.desc {
	letter-spacing:0em;
	text-align:center;
	font-size:14px;
	padding:5px;
	margin-bottom:10px;
	margin-top:5px;
	width:100%;
}

.desc2 {
	letter-spacing:0em;
	text-align:left;
	font-size:14px;
	padding:5px;
	margin-bottom:5px;
	margin-top:5px;
	width:100%;
}

p {
	margin:0;
}

.bgPortrait {
	background-position: bottom left;
	background-repeat:no-repeat;
	background-size:60%;
}

.elmobo {
	background-image:url("../img/elmobo.png");
}

.gyhyom {
	background-image:url("../img/gyhyom.png");
}

.blackmagic {
	background-image:url("../img/blackmagic.png");
}

.togi {
	background-image:url("../img/togi2HD.png");
}

.clara {
	background-image:url("../img/claraHD.png");
}

.marco{
	background-image:url("../img/marcoHD.png");
}

.jean{
	background-image:url("../img/jeanHD.png");
}

.tristan{
	background-image:url("../img/tristanHD.png");
}

.louna{
	background-image:url("../img/louna.png");
}

.vincent{
	background-image:url("../img/vincent.png");
}

.marion{
	background-image:url("../img/marion.png");
}

.tinu{
	background-image:url("../img/tinuHD.png");
}

.kez{
	background-image:url("../img/antoineHD.png");
}

.anon {
	background-image:url("../img/anon.png");
}

.tavrox {
	background-image:url("../img/tavrox.png");
}

.border {
	border-left:2px solid #f4284e;
	padding-left:10px;
}

.pseudo {
	color:#28f4cd;
	font-family:"metal";
	font-size:2.5em;
	margin-top:10px;
	text-rendering: ;
}

.name {
	padding-top:10px;
	font-size:1.5em;
}

.spec {
	text-align:right;
	text-transform:uppercase;
	font-size:1em;
	border-right:2px solid #f4284e;
	padding-right:10px;
	line-height:40px;
	font-style:italic;
	margin-top:10px;
}

.specPhone {
	text-align:left;
	text-transform:uppercase;
	font-size:1.2em;
	line-height:40px;
	font-style:italic;
	padding-left:10px;
}

.corner {
	float:right;
	margin-right:-9%;
}

.footer {
	text-align:center;
	color:#555d71;
	width:400px;
	margin:auto;
}

@media (max-width: 990px) {
	.menuItem {
		width:100%;
		padding:0;
	}
	.menuItem:first-child {
		margin-left:0px;
		text-align:left;
	}
	.box {
		width:94%;
		margin-top:0px;
		padding-left:10px;
		background-size:contain;
		padding-right:4%;
		margin-bottom:0px;
	}
	.box2 {
		display:inline-block;
	}
	.spec {display:none;}
	.bgMenu {
		padding-bottom: 10px;
	}
	.menuBox {
		display:block;
		margin:auto;
	}
}