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

body{
	
	font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}

	 
	 .homebanner{
		 width: 100%; height: 100vh; background-image: url(../parts/dfk-social-club.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;
		padding: 25px; box-sizing: border-box;	 }	 


.centercontent{
	
	
	width: 65%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	
}


.profileinfo{
	
	display: inline-block; margin-left: 35px; margin-top: 25px; color: #868686;
}

.profilestack{
	
	display: flex; padding-left: 75px;
}


.articleimage{
	
	object-fit: cover; width: 17vw; height: 442px; border-radius: 6px; margin-right: 15px;
}

.article{
	
	object-fit: cover; width:45vw; height: 442px; border-radius: 6px; vertical-align: top; display: inline-block; position: relative;
}

.profilepic{
	
	    width: 180px;
    height: 180px;
    border-radius: 180px;
    margin-top: -33px;
	object-fit: cover;
    border: 6px solid #fff;
}



.banner1{
	
	
	object-fit: cover; width: 17vw; height: 442px; border-radius: 6px; margin-right: 15px;
	
}


.banner2{
	
	object-fit: cover; width:45vw; height: 442px; border-radius: 6px;
	
	
}
	


.bannergroup2 > a > img{
	
	
	object-fit: cover; width: 31vw; height: 125px; border-radius: 6px; margin-right: 15px; 
}
	
	.profileheader{
		
		
		    background-image: url(../parts/dfk-social-club.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 0px 0px 10px 10px;
    height: 304px;
    width: 100%;
	}

#dashboard{
	
	
	margin-top: 80px;
}

.gametitle{
	
	
	width: 200px;
	height: auto;
	margin-right: 15px;
	border-radius: 6px;
}
.cbtn{
	
	padding: 5px;
	color: white;
	min-width: 125px;
	text-align: center;
	cursor: pointer;
	background-color: #d54600;
	border-radius: 4px;
	display: inline-block;
	width: auto;
}

h1{
	
	margin: auto;
    color: white;
    margin-bottom: 25px;
}


.main{
	
	line-height: 2;
}
.main > * > * > h1{
	
	color: #1E1E1E;
}
.nav{
	
	box-sizing: border-box;
margin-top: 25px;}
.nav > a{
	
	color: white;
	text-decoration: none;
	margin-right: 15px;
	
}


.floatingnav{
	
	position: absolute;
	right: 20px;
	top: 20px;
	text-align: right;
	font-size: 11.5px;
}



.floatingnav > a{
	
	text-decoration: none;
	color: white;
	
}


.topbar{
	
	
	background-color: #0d0b0d; padding: 25px; box-sizing: border-box; position: relative; color: white;
}

.logo{
	
	
	height: 50px;
	width: auto;
	
}


.newslist > a {
	
	text-decoration:none; 
	color: black;
	display: block;
	margin-bottom: 35px;
	
	
}


input{
	
	width: 200px;
	padding: 10px;
	margin-bottom: 15px;
	outline: none;
	border:thin solid #333;
	border-radius: 4px;
	display: block;
}


.nftpfp{
	
	width: 90px;
	height: 90px;
	overflow: hidden;
	margin-right: 15px;
	margin-bottom: 15px;
	border-radius: 8px;
	display: inline-block;
	cursor: pointer;
}