@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body{
	font-family: 'Open Sans', sans-serif;
	font-size:90%;
}
h1, .centered{
	text-align:center;
}
div.centered{
	padding:0;
	margin:0;
	border:none;
}
h2{
	margin-top:0;
	text-transform:uppercase;
	font-size:100%;
	position:relative;
	overflow: hidden;
}
h2:after{
	position:absolute;
	content:'';
	border-bottom: 4px solid #000;
	width: 100%;
	margin-left: 8px;
	margin-top: 6px;
}
img{
	max-width:70%;
}
section{
	width:48%;
	float:left;
	padding:1%;
}
section.full{
	width:98%;
}
div{
	border:1px dashed #ccc;
	padding:1em;
	margin-bottom:1em;
	overflow:hidden;
}
pre {
	white-space: pre-wrap;
	white-space:-moz-pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 1em 0;
	background: rgba(0, 0, 0, 0.04);
	color: #B53E8A;
	padding:0 1em;
}
code {
	font-family: Courier, 'New Courier', monospace;
	font-size: 12px;
}
.code-content{
	color: rgb(40, 174, 175);
}
.code-comment{
	color:#EF3C3C;
}
table td, table th{
	padding:1em
}

@media print {
	body{font-size:11px}
	#beginners-class2{font-size:8px}
	#beginners-class4{font-size:7.5px}
	pre{background:rgba(0, 0, 0, 0.04) !important;-webkit-print-color-adjust: exact;}
    div {page-break-inside: avoid}
}