@charset "utf-8";
/* CSS Document */


/*header billed*/
.header {
position: relative;
width: 100%;
}

.header img {
	width: 100%;
	height: auto;
	display: block;
}

.header-nav {
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
    z-index: 10;
}

.header-nav a {
	  font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 3vw;
    color: white;
    text-decoration: none;
    letter-spacing: 2px;
    white-space: nowrap;
}

/*finjustering af individuel tekst*/
.nav-app {
    position: absolute;
	top: 25%;
	left: 7%;
}

.nav-about {
    position: absolute;
	top: 25%;
	left: 27%;
}

.nav-feature {
    position: absolute;
	top: 25%;
	left: 63%;
}

.nav-players {
    position: absolute;
	top: 25%;
	left: 86%;
}



/*front billed*/
.front{
    margin: 0;
    padding: 0;
	width: 100%;
	box-sizing: border-box;
}

.front img {
    width: 100%;
    height: auto;
    display: block;
}






/*icon billed*/
.icon {
    width: 100%;
    padding: 50px 0;
	background-color: #B18C67;
}


.icon-info {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 40px;
	padding: 40px 20px;
	background-color: white;
	box-sizing: border-box;
}

.icon-logo img {
    width: 180px;
    height: auto;
}

.icon-text h1 {
    font-size: 50px;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif"; 
	letter-spacing: 2px
}

.icon-text h2 {
    font-size: 25px;
    margin: 10px 0;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"
}

.icon-text p {
    max-width: 450px;
    margin: 20px 0;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"
}

.appstores {
    display: flex;
    gap: 10px;
    margin-top: 5px;
	background-color: #FFFFFF;
}

.appstores img {
    height: 55px;
    cursor: pointer;
	background-color: #FFFFFF;
	/*falske links til appstores*/
}





/*Spilbeskrivelse*/
.spil-beskrivelse {
    width: 100%;
    padding: 150px 0;
    text-align: center;
    background-color: #B18C67;
}

.spil-logo {
    width: 250px;
    margin-bottom: -5px;
	margin-top: -70px;
}

.spil-beskrivelse h3 {
    font-size: 30px;
    margin: 5px;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"
}

.main-beskrivelse {
    max-width: 700px;
    margin: 0 auto 10px;
    font-size: 18px;
    line-height: 1.6;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"
}

.stay-tuned {
    max-width: 700px;
    margin: 0 auto;
    font-size: 18px;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"
}

.buffer-billed {
    width: 100%;
}

.buffer-billed img {
    width: 100%;
    height: auto;
    display: block;
}



/*Features*/
.features {
    width: 100%;
    padding: 70px 0;
	background-color: #3F1D31;
	color: white;
}

.features-titel {
    font-size: 65px;
    width: 80%;
    margin: 0 auto 30px auto;
	padding-left: 70px;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	letter-spacing: 3px;
}

.feature-run {
    width: 80%;
    margin: 0 auto 80px auto;
}

.feature-run h3 {
    font-size: 32px;
    margin-bottom: 15px;
	padding-left: 70px;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	letter-spacing: 2px
}

.feature-run p {
    max-width: 600px;
    margin-bottom: 30px;
    line-height: 1.6;
	padding-left: 70px;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}

.feature-run img {
    width: 85%;
    display: block;
    margin: 0 auto;
}



.feature-karakter {
    width: 80%;
    margin: 0 auto 80px auto;
}

.feature-karakter h3 {
    font-size: 32px;
    margin-bottom: 15px;
	padding-left: 70px;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	letter-spacing: 2px
}

.feature-karakter p {
    max-width: 600px;
    margin-bottom: 30px;
    line-height: 1.6;
	padding-left: 70px;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"
}

.feature-karakter img {
    width: 85%;
    display: block;
    margin: 0 auto;
}





.feature-world {
    width: 80%;
    margin: 0 auto 80px auto;
}

.feature-world h3 {
    font-size: 32px;
    margin-bottom: 15px;
	padding-left: 70px;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	letter-spacing: 2px
}

.feature-world p {
    max-width: 600px;
    margin-bottom: 30px;
    line-height: 1.6;
	padding-left: 70px;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"
}

.feature-world img {
    width: 85%;
    display: block;
    margin: 0 auto;
}




/*players*/
.worldwide {
    width: 100%;
    padding: 10px 0;
    text-align: center;
	background-color: #3F1D31;
	color: white;
}

.worldwide h2 {
    font-size: 60px;
    letter-spacing: 2px;
    margin-bottom: 25px;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
}

.worldwide-intro {
    max-width: 700px;
    margin: 0 auto 60px auto;
    font-size: 18px;
    line-height: 1.6;
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"
}

.worldwide-stats {
    margin-top: 20px;
}

.stats-titel {
    font-size: 20px;
    opacity: 0.8;
    margin-bottom: 10px;
}

.stats-number {
    font-size: 64px;
    font-weight: bold;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	letter-spacing: 2px;
	color: #F34B09;
	padding-bottom: 100px;
}


/*footer billed*/
.footer {
position: relative;
width: 100%;
}

.footer img {
	width: 100%;
	height: auto;
	display: block;
}

/*ekstra fiks funktion info*/
html {
  scroll-behavior: smooth;
}

body {
	margin: 0;
}