* {
	margin: 0;
	padding: 0;
	border: 0;
    font-family: 'Montserrat',sans-serif;
}
html {
	width: 100%;
	height: 100%;
	overflow:   scroll;
    box-sizing: border-box;
    -ms-overflow-style: none; 
    overflow: -moz-scrollbars-none;

}

::-webkit-scrollbar {
	width: 0px;
	background: transparent; /* make scrollbar transparent */
}

body {
	width: 100%;
	height: 100%;
	background: #222127;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

#container {
	position: absolute;
	width: 80%;
    left: 10%;
}

div {
	font-weight: 100;
	padding: 15px 0px 15px 0px;
	text-align: left;
	color: rgba(255, 255, 255, 1);
	font-family: 'Montserrat',sans-serif;
}

#title {
	padding: 40px 0px 0px 0px;
	/*font-weight: 100;*/
}

#chapeau {
	font-size: 28pt;
	line-height: 32px;
	border-bottom: 1px solid rgba(255, 255, 255, .12);
	font-family: 'Montserrat',sans-serif;
}

#body {
	text-align: justify;
	font-size: 14pt;
	line-height: 24px;
	border-bottom: 1px solid rgba(255, 255, 255, .12);
}

#download {
	padding-top: 24px;
	font-size: 14pt;
	line-height: 24px;
}

#screenshot {
	padding: 0px;
	height: 210px;
	width: 100%;
	background: transparent url('screenshot.png') no-repeat center center;
	-webkit-background-size: container;
	background-size: contain;
}

#tutorial {
	/*padding: 0px 0px 0px 0px;*/
	text-align: justify;
	font-size: 14pt;
	line-height: 24px;
	border-bottom: 1px solid rgba(255, 255, 255, .12);

}

code {
	background-color: rgba(255, 255, 255, 0.35);
	font-family: 'Montserrat',sans-serif;
	padding: 2px 5px;
	border-radius: 4px;
	font-size: 15px;
	/*border: 1px solid rgba(0, 0, 0, 0.35);*/
	color: rgba(0, 0, 0, .6);
}

a:link,
a:visited {
 font-size: 20px;
 background-color: #222127;
 padding: 12px 12px 12px 12px;
 border-radius: 4px;
 color: #fff;
 /* text-decoration: none; */
 font-family: 'Montserrat',sans-serif;
}

a:hover {
 background-color: #222127;
 color: #fff;
}

a:active {
 background-color: #222127;
 color: #fff;
}