/* ================================ */
/* 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;
}

.cycle-slideshow {
	z-index:0;
}

.cycle-slideshow, .cycle-slideshow img {
	width:100%;
}

.controls {
	opacity:0.5;
	cursor:pointer;
	position:absolute;
	top:calc(50% - 25px);
	height:50px;
	width:50px;
}

.controls:hover	{
	opacity:1;
}

.controls.prev {
	background:url("../images/previous.png");
	left:15px;
}

.controls.next {
	background:url("../images/next.png");
	right:15px;
}

/* ================================ */
/* STEAMPOWERED                     */
/* ================================ */

body {
	background:#000000;
}

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

#logo {
	width:720px;
	display:inline-block;
	line-height:0px;
	position:relative;
	top:670px;
	left:140px;
}

#logo img:hover {
	filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.5)) brightness(1.25);
}

#logo img {
	width:100%;
	height:100%;
	filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
}

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

#trailer {
	position:absolute;
	top:60px;
	left:50px;
	box-shadow:0px 5px 10px #000000;
}

#textIntro {
	position:absolute;
	top:690px;
	left:50px;
	width:900px;
}

.section3 {
	background-image:url("../images/section3.jpg");
	height:650px;
}

#photo {
	position:absolute;
	top:80px;
	left:60px;
	width:250px;
	height:230px;
}

#textCivilian {
	position:absolute;
	top:385px;
	left:50px;
	width:266px;
}

#textFourTeam {
	position:absolute;
	top:385px;
	left:367px;
	width:266px;
}

#textWeapons {
	position:absolute;
	top:385px;
	left:684px;
	width:266px;
}

.section4 {
	background-image:url("../images/section4.jpg");
	height:1170px;
}

#textVisuals {
	position:absolute;
	top:265px;
	left:50px;
	width:266px;
}

#textCustomizability {
	position:absolute;
	top:265px;
	left:367px;
	width:266px;
}

#textUpdates {
	position:absolute;
	top:265px;
	left:684px;
	width:266px;
}

#mapAvanti {
	position:absolute;
	top:580px;
	left:50px;
	width:900px;
	box-shadow:0px 5px 10px #000000;
}

#wine {
	position:absolute;
	bottom:60px;
	right:130px;
	line-height:0px;
	user-select:none;
}

.section5 {
	background-image:url("../images/section5.jpg");
	height:830px;
}

#textAvanti {
	position:absolute;
	top:10px;
	left:50px;
	width:900px;
}

#mapChopper {
	position:absolute;
	top:230px;
	left:50px;
	width:900px;
	box-shadow:0px 5px 10px #000000;
}

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

#textChopper {
	position:absolute;
	top:0px;
	left:50px;
	width:900px;
}

#mapSisyphus {
	position:absolute;
	top:195px;
	left:50px;
	width:900px;
	box-shadow:0px 5px 10px #000000;
}

.section7 {
	background-image:url("../images/section7.jpg");
	height:730px;
}

#textSisyphus {
	position:absolute;
	top:0px;
	left:50px;
	width:900px;
}

#textHUD {
	position:absolute;
	top:340px;
	left:367px;
	width:583px;
}

#textUI {
	position:absolute;
	top:585px;
	left:367px;
	width:583px;
}

.section8 {
	background-image:url("../images/section8.jpg");
	height:750px;
}

#textFeedback {
	position:absolute;
	top:115px;
	left:367px;
	width:583px;
}

#textOffline {
	position:absolute;
	top:380px;
	left:367px;
	width:583px;
}

.section9 {
	background-image:url("../images/section9.jpg");
	height:620px;
}

#widget {
	position:absolute;
	top:380px;
	width:100%;
	display:flex;
	justify-content:center;
}

.section10 {
	background-image:url("../images/section10.jpg");
	height:650px;
}

.section11 {
	background:url("../images/section11.jpg") top center repeat-y;
}

#changelog {
	padding:15px 50px;
}

#changelog p {
	font-size:18px;
	font-weight:bold;
}

#changelog h3 {
	margin:15px 0px;
	font-size:20px;
	display:block;
}

#changelog ul li {
	list-style-type:none;
	background:url("../images/patchArrow.png") no-repeat;
	background-size:8px 16px;
	padding-left:12px;
}

#changelog ul ul {
	padding-left:30px;
}

#changelog li {
	margin:8px 0px;
}

#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);
}