body {
	background-color: #eddac7;
	margin:0px;
	padding:0px;
}

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

a {
	color: #66163a;
}

ul {
	font-family: main_font;
	font-size: 12	px;
	color: #82776c;
}

@font-face 
{
	font-family: main_font;
	src: url('../../fonts/Source_Code_Pro/static/SourceCodePro-Regular.ttf');
}

@media only screen and (max-width: 1026px) { 
	/* Mobile */
	#main-content {
		width: 90%;
		margin: auto;
	}
}

@media only screen and (min-width: 1026px) { 
	/* Desktop */
	#main-content {
		width: 60%;
		margin: auto;
	}
}

.heading {
	font-family: main_font;
	font-size: 36px;
	color: #82776c;

	text-align: center;

	padding-top: 10px;
}

.snippet {
	width: 100%;
	background: #d9c7b6;
	border-radius: 2px;
	box-shadow: 2px 2px 10px #82776c;
}

.terminal {
	width: 100%;
	background: #82776c;
	color: #d9c7b6;
	font-size: 16px;
}

.text-block {
	width: 100%;
	font-family: main_font;
	font-size: 14px;
	color: #82776c;
}

.demo {
	width: 100%;
	background: #d9c7b6;
	border-radius: 2px;
	box-shadow: 2px 2px 10px #82776c;
}

.quote {
	width: 80%;
	font-family: main_font;
	font-size: 24px;
	color: #82776c;
	padding-left: 10%;
	font-style: italic;
}

.break {
	background-color: #82776c;
	border-color: #82776c;
}

.sub-heading {
	font-family: main_font;
	font-size: 24px;
	color: #82776c;

	text-align: center;

	padding-top: 10px;

	font-style: bold;
}

.block-heading {
	margin-bottom: 0;

	font-family: main_font;
	font-size: 16px;
	color: #82776c;
	text-align: left;
	background-color: #eddac7;
}

.block-note {
	margin-top: 0;

	font-family: main_font;
	font-size: 12px;
	font-style: italic;

	color: #82776c;
}

#background-boids {
	width: 100%;
	height: 100%;

	position: fixed;
}