@font-face{
	src: url(src/fonts/RobotoCondensed-Bold.ttf);
	font-family: Roboto Condensed;
	font-weight: 700;
}
@font-face{
	src: url(src/fonts/RobotoCondensed-Light.ttf);
	font-family: Roboto Condensed;
	font-weight: 300;
}

/*
#F2F2F2
#8C8C8C
#595959
#262626
#0D0D0D
*/


html, body {
	margin: 0;
	background-color:#282828;
	cursor: auto;
	margin: auto;
	width:600px;
}

.header{
	width:100%;
	text-align:center;
	margin-top:10px;
	margin-bottom:40px;
	/*
	margin-top:2vw;
	margin-bottom:6vw;
	*/
}

.main_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 80px;
	margin:0;
	color:#F2F2F2;
}
.main_sub_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 35px;
	margin:0;
	margin-bottom:10px;
	color:#F2F2F2;
}

.main_title_link{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 80px;
	margin:0;
	color:#F2F2F2;
	text-decoration:none;
}

.moto{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 22px;
	margin:0;
	color:#F2F2F2;
}

/*.......................BODY*/

.link_cont{
	width:100%;
	text-align:center;
}

.link_button{
	display:block;
	width: 80%;
	margin:auto;
	margin-bottom:25px;
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	cursor:pointer;
	padding:15px;
	text-align:left;
	background-color:#323232;
	text-decoration:none;
}


.link_icons{
	width:50px;
	display:inline;
	vertical-align: middle;
	margin-left:10px;
	margin-right:10px;
}

.link_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	margin:0;
	color:#F2F2F2;
	display:inline;
	vertical-align: middle;
}

.link_title_centered{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	margin:0px;
	margin:auto;
	margin-bottom:10px;
	color:#F2F2F2;
	display:block;
	text-align:center;
}

#not_clickable_button{
	cursor:auto;
	text-align:center
}

.button_content{
	display:block;
	width: 100% ;
	margin:auto;
	text-align:center;
	text-decoration:none;
}

.button_content_small{
	display:block;
	width: 60% ;
	margin:auto;
	text-align:center;
	text-decoration:none;
}


.extra_links_blue{
	display:block;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 20px;	
	margin:auto;
	margin-top:0px;
	color:#add8e6;
	text-decoration:none;
}

.link_B{
	display:block;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 20px;	
	margin:auto;
	margin-top:0px;
	color:#add8e6;
	text-decoration:none;
	margin-bottom:3px;
}

.pool_ink_cont{
	display:block;
	margin:auto;
	margin-bottom:3px;
}
.link_B_inline{
	display:inline;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 20px;	
	margin:auto;
	margin-top:0px;
	color:#add8e6;
	text-decoration:none;
	margin-right:10px;
}
.link_Y_inline{
	display:inline;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 20px;	
	margin:auto;
	margin-top:0px;
	color:#FDDA0D;
	text-decoration:none;
}

.extra_links_blue_modules{
	display:inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 20px;	
	margin:5px;
	color:#add8e6;
	text-decoration:none;
}

.text_simple_center{
	display:block;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 20px;	
	margin:auto;
	margin-top:10px;
	color:#FDDA0D;
}

.api_method_yellow{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 300;
	margin:0;
	color:#FDDA0D;
	display:block;
	margin-bottom:10px;
}

.footer{
	width:100%;
	height:100px;
}


/*WIKI*/

.moto_link{
	color:#add8e6;
	text-decoration:none;
}

.info_cont{
	display:block;
	width: 90% ;
	margin:auto;
	margin-bottom:30px;
	border: 1px solid #8C8C8C;
	border-radius: 5px;
	padding:15px;
	text-align:left;
	background-color:#323232;
}

.info_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 30px;
	margin:0;
	color:#F2F2F2;
	display:block;
	margin-bottom:15px;
}

.small_info_title{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 25px;
	font-weight: 700;
	margin:0;
	color:#F2F2F2;
	display:block;
	margin-top:20px;
	margin-bottom:10px;
}

.info_text{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 300;
	margin:0;
	color:#F2F2F2;
	display:block;
	margin-bottom:3px;
}

.info_linkkk{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 300;
	margin:0;
	color:#add8e6;
	display:block;
	margin-bottom:10px;
	cursor:pointer;
	text-decoration:none;
}

.line_divider{
	width:200px;
	height:1px;
	background-color:#8C8C8C;
	margin:auto;
	display:block;
	margin-bottom:15px;
	margin-top:15px;
}