* {
	margin: 0;
	padding: 0;
}
html {
	overflow-x: hidden;
	overflow-y: scroll;
	background: white url('images/bg.png') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 100vh;
}
body {
	position: relative;
	width: 80vw;
	margin: 0 auto;
	font-family: Arial, "Times New Roman";
}
a:link, a:visited {
    text-decoration: none;
	transition: 150ms color linear 0s;
}
a:link {
	color: #090857;
}
a:visited {
	color: #5a0049;
}
a:link:hover {
	color: #4e4cb2;
    text-decoration: underline;
}
a:visited:hover {
	color: #b63c9f;
    text-decoration: underline;
}
a:link:active, a:visited:active {
	color: #cb9b06;
}
/*INTERNET EXPLORER COMPATIBLE*/
@font-face {
	font-family: printClearly;
	src: url('fonts/PrintClearly.eot');
}
@font-face {
	font-family: aroma_bold;
	src: url('fonts/aroma_bold.eot');
}
/*NORMAL*/
@font-face {
	font-family: printClearly;
	src: url('fonts/PrintClearly.otf');
}
@font-face {
	font-family: aroma_bold;
	src: url('fonts/aroma_bold.ttf');
}
.back {
	position: fixed;
	top: 0;
	width: 100px;
	left: -80px;
	padding: 5px;
	font-family: aroma_bold;
	color: darkgreen;
	background-color: black;
	border-bottom-right-radius: 5px;
	transition: left 1s ease-in-out 0s;
}
.back:hover {
	left: 0;
}
.back img {
	position: absolute;
	top: 3px;
	right: 5px;
	filter: brightness(1);
	-webkit-filter: brightness(1);
	transition: filter 1s ease-in-out 0s;
	-webkit-transition: -webkit-filter 1s ease-in-out 0s;
}
.back:hover img {
	filter: brightness(1.4);
	-webkit-filter: brightness(1.4);
}
.content_container {
	overflow: hidden;
	margin: 15vh 0;
	background-color: white;
}
.content_container > input[type="radio"] {
	display: none;
}
.content_container > h2 {
	padding: 10px;
	color: #888;
	transition: color 250ms linear 0s;
}
.content_container > h2:hover {
	color: #5f5f5f;
}
.content_container > div {
	overflow: hidden;
	border-top: solid thin #ddd;
	height: 0;
	font-size: 20pt;
	font-family: printClearly;
}
.content_container > input[type="radio"]:checked + h2 {
	color: #3e3e3e;
}
.content_container > input[type="radio"]:checked + h2 + div {
	height: auto;
	padding: 25px 10px 10px 20px;
}
.content_container > #general > span {
	display: block;
	margin-bottom: 20px;
}
.content_container > #general > span > span:last-child {
	width: 600px;
	float: right;
}
.content_container > #structure > p {
	padding: 20px;
}
.code {
	margin: 15px 0 15px 15px;
	padding: 15px;
	background-color: rgba(146, 236, 0, 0.2);
	border-left: solid medium #92ec00;
	font-family: Consolas, Courier, monospace;
	font-weight: bold;
	font-size: 12pt;
}
.code .code_html_property,
.code .code_css_class,
.code .code_css_important {
	color: red;
}
.code .code_html_tag,
.code .code_css_html_tag {
	color: blue;
}
.code .code_css_at,
.code .code_css_id {
	color: DeepSkyBlue;
}
.code .code_css_property {
	color: #abcdef;
}
.code .code_html_property_value,
.code .code_css_quot_single,
.code .code_css_quot_double {
	color: purple;
}
.code .code_css_selector {
	color: orange;
}
.code .code_css_pseudo {
	color: pink;
}