html{
	scroll-behavior:smooth;

}

body{
	font-family:'helvetica' , 'sans-serif';
	margin:0;	
	overflow-y:scroll;
}

h1,h2,h3,h4,h5{
	line-height:1.5;
	font-weight:300;
	margin:0.0em 0;
}

h1{
	font-size:2.5em;
}

h2{
	font-size:2em;
}

h3{
	font-size:1.6em;
}

h4{
	font-size:1.4em;
}

h5{
	font-size:1.2em;
}

a{ 
	text-decoration:none; 
} 

p,label,strong{
	line-height:2;
	font-size:0.85em;
	font-weight:300;
}
footer {
	background-color: #fff;
  	border-top:8px solid #3EAB2B;

}

.flex{
	display:flex;
	max-width:1500px;
	margin:0 auto;
	padding:0 15px;
	justify-content:space-between;
}

.badge{
		padding:9px 20px;
		color:#eee;
		display:inline-block;
		text-transform:uppercase;
		font-weight:600;
		text-align:center;
		font-size:0.75em;
		
}

.badge.new{
	background-color:#3EAB2B;
}

.badge.racing{
	background-color:#1D59E4;
}

.badge.rpg{
	background-color:#D83019;
}
.badge.h{
	background-color:#fab907;
}
.shade{
	 position:absolute; 
	 z-index:1; 
	 width:100%; 
	 height:100%; 
	 top:0; 
	 left:0;
	 background:rgba(0,0,0,0.7); 
} 

header{
	background: #fff;
	  /* Color for navigation background */
	padding:10px 0;
	position:fixed;
	border-bottom:8px solid #3EAB2B;
	z-index:9999;
	
}


.hamburger-menu{
	background-color:transparent;
	border:1px solid #FFB320;
	padding:3px 5px;
	width:30px;
	cursor:pointer;
	display:none;
}

.hamburger-menu .strip{
	display:block;
	height:1px;
	background-color:#FFB320;
	margin:4px 0;
}

nav ul li{
	display:inline-block;
	font-size:1em;
	margin:0 18px;
}

nav ul li a{
	color:#0E0F0F;   /* Color for navigation tools */
	font-weight:600;
}

nav ul li a:hover{
	color:#3EAB2B;
}


#login-register-button{
	background-color:#F7F9F9;
	color:#131313;
	border-radius:20px;
	padding:15px 15px;
	font-size:0.85em;
	font-weight:600px;
}

#hero-image{
	background:url('file:///C:/Users/Alex/Desktop/WebsiteForKraken/images/1.png') top center no-repeat;
	background-color:#F7F9F9;
	height:820px;
}


.myVideo{
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
}
.myVideo1{
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
}


#pauseBtn{
	position:absolute;
	width: 200px;
	font-size: 18px;
	padding: 10px;
	border: none;
	background: #000;
	color: #fff;
	cursor: pointer;
	right:150px;
}

#pauseBtn:hover{
	background:#ddd;
	color:black;
}

.hero-marketing-text{
	max-width:1200px;
	margin:-30px auto 0;
	position:absolute;
	top:40%;
	left:0;
	right:0;
	padding:0 20px;
}

.hero-marketing-text h1{
	color:#eee;
	font-size:3.5em;
	font-weight:300;
	margin:0.5em 0;
}

.hero-marketing-text span{
	color:#3EAB2B;  /* Color for Krahken text */
}

.hero-marketing-text h2{
	color:#eee;
	font-size:1.50em;
	font-weight:300;
	max-width:600px;
	line-height:2;
	margin-bottom:2.5em;
}
.hero-marketing-text h3{
	color:#eee;
	font-size:1.00em;
	font-weight:300;
	max-width:500px;
	line-height:2;
	margin-bottom:2.5em;
}

.hero-marketing-text button{
	background-color:#F7F9F9;
	color:#131313;
	border-radius:25px;
	padding:15px 25px;
	font-size: 0.85em;
	font-weight:600;
	border:none;
	cursor:pointer;
}

#team-types-boxes{
	background-color:#000;
}

#team-types-boxes .box{
	flex-basis:25%;
	position:relative;
	height:380px;
}
/*Team logos*/
#team-types-boxes .box.aleksey{
	background:url('https://cdn.discordapp.com/attachments/764752688000270337/818471025850581025/aleksey.png') top center no-repeat;
	background-size:cover;
}

#team-types-boxes .box.dominik{
	background: url('https://cdn.discordapp.com/attachments/764752688000270337/818471170965635092/dominik.png') top center no-repeat;
	background-size:cover;
}

#team-types-boxes .box.tatjana{
	background:url('https://cdn.discordapp.com/attachments/764752688000270337/818471023593914458/tatjana.png') top center no-repeat;
	background-size:cover;	
}
#team-types-boxes .box.justin{
	background:url('https://cdn.discordapp.com/attachments/764752688000270337/818471030791471185/justin.png') top center no-repeat;
	background-size:cover;	
}
#team-types-boxes .box.aina{
	background:url('https://cdn.discordapp.com/attachments/764752688000270337/818471025254989864/aina.png') top center no-repeat;
	background-size:cover;	
}
#team-types-boxes .box.moya{
	background:url('https://cdn.discordapp.com/attachments/764752688000270337/818471032838029353/moya_.png') top center no-repeat;
	background-size:cover;	
}
#team-types-boxes .box.marcus{
	background:url('https://cdn.discordapp.com/attachments/764752688000270337/818471034406830091/party_people_marcus.png') top center no-repeat;
	background-size:cover;	
}
#team-types-boxes .box.alex{
	background:url('https://cdn.discordapp.com/attachments/764752688000270337/818471027918635018/alex_2.png') top center no-repeat;
	background-size:cover;	
}

#team-types-boxes .box .badge{
	position:relative;
	z-index:2;
	top:20px;
	left:20px;
}

#team-types-boxes .box .contents{
	position:absolute;
	z-index:2;
	bottom:20px;
	left:0;
	color:#eee;
	padding:0 35px 0 25px;
}

#team-types-boxes .box .contents a{
	font-size: 0.5em;
	font-weight:500;
	color:#999;
}

#team-types-boxes h1{
	text-align:center;
}

#recent-games{
	/* background:url('file:///C:/Users/Alex/Pictures/END_SCENEN1.png') top center no-repeat; */
	background-color:#000;
	border-top:0px solid #d6dee7;
	border-bottom:0px solid #d6dee7;
}

#recent-games h1{
	text-align:center;
	color:#eee;
}
#recent-games h5{
	text-align:center;
	color:#eee;
}

#recent-games .box{
	position:relative;
	flex-basis:31%;
	background-color:#fff;
}

#recent-games .box .badge{
	position:absolute;
	top:20px;
	left:20px;
	z-index:2;
}

#recent-games .box img{
	width:100%;
}

#recent-games .box .box-lower-section{
	padding:20px;
}

#recent-games .box .box-lower-section p{
	color:#999;
}


#about-types-boxes{
	/* background:url('file:///C:/Users/Alex/Pictures/END_SCENEN1.png') top center no-repeat; */
	background-color:#000;
	border-top:0px solid #d6dee7;
	border-bottom:0px solid #d6dee7;
}


#about-types-boxes h1{
	text-align:center;
	color:#eee;
}