/**
 * Syntax highlighting styles
 */
 .highlight {
	background: #fff;
	@extend %vertical-rhythm;
 }

 .highlight.highlighter-rouge {
	background: #eef;
 }

 .highlight .c     { color: #998; font-style: italic } /* Comment */
 .highlight .err   { color: #a61717; background-color: #e3d2d2 } /* Error */
 .highlight .k     { font-weight: bold } /* Keyword */
 .highlight .o     { font-weight: bold } /* Operator */
 .highlight .cm    { color: #998; font-style: italic } /* Comment.Multiline */
 .highlight .cp    { color: #999; font-weight: bold } /* Comment.Preproc */
 .highlight .c1    { color: #998; font-style: italic } /* Comment.Single */
 .highlight .cs    { color: #999; font-weight: bold; font-style: italic } /* Comment.Special */
 .highlight .gd    { color: #000; background-color: #fdd } /* Generic.Deleted */
 .highlight .gd .x { color: #000; background-color: #faa } /* Generic.Deleted.Specific */
 .highlight .ge    { font-style: italic } /* Generic.Emph */
 .highlight .gr    { color: #a00 } /* Generic.Error */
 .highlight .gh    { color: #999 } /* Generic.Heading */
 .highlight .gi    { color: #000; background-color: #dfd } /* Generic.Inserted */
 .highlight .gi .x { color: #000; background-color: #afa } /* Generic.Inserted.Specific */
 .highlight .go    { color: #888 } /* Generic.Output */
 .highlight .gp    { color: #555 } /* Generic.Prompt */
 .highlight .gs    { font-weight: bold } /* Generic.Strong */
 .highlight .gu    { color: #aaa } /* Generic.Subheading */
 .highlight .gt    { color: #a00 } /* Generic.Traceback */
 .highlight .kc    { font-weight: bold } /* Keyword.Constant */
 .highlight .kd    { font-weight: bold } /* Keyword.Declaration */
 .highlight .kp    { font-weight: bold } /* Keyword.Pseudo */
 .highlight .kr    { font-weight: bold } /* Keyword.Reserved */
 .highlight .kt    { color: #458; font-weight: bold } /* Keyword.Type */
 .highlight .m     { color: #099 } /* Literal.Number */
 .highlight .s     { color: #d14 } /* Literal.String */
 .highlight .na    { color: #008080 } /* Name.Attribute */
 .highlight .nb    { color: #0086B3 } /* Name.Builtin */
 .highlight .nc    { color: #458; font-weight: bold } /* Name.Class */
 .highlight .no    { color: #008080 } /* Name.Constant */
 .highlight .ni    { color: #800080 } /* Name.Entity */
 .highlight .ne    { color: #900; font-weight: bold } /* Name.Exception */
 .highlight .nf    { color: #900; font-weight: bold } /* Name.Function */
 .highlight .nn    { color: #555 } /* Name.Namespace */
 .highlight .nt    { color: #000080 } /* Name.Tag */
 .highlight .nv    { color: #008080 } /* Name.Variable */
 .highlight .ow    { font-weight: bold } /* Operator.Word */
 .highlight .w     { color: #bbb } /* Text.Whitespace */
 .highlight .mf    { color: #099 } /* Literal.Number.Float */
 .highlight .mh    { color: #099 } /* Literal.Number.Hex */
 .highlight .mi    { color: #099 } /* Literal.Number.Integer */
 .highlight .mo    { color: #099 } /* Literal.Number.Oct */
 .highlight .sb    { color: #d14 } /* Literal.String.Backtick */
 .highlight .sc    { color: #d14 } /* Literal.String.Char */
 .highlight .sd    { color: #d14 } /* Literal.String.Doc */
 .highlight .s2    { color: #d14 } /* Literal.String.Double */
 .highlight .se    { color: #d14 } /* Literal.String.Escape */
 .highlight .sh    { color: #d14 } /* Literal.String.Heredoc */
 .highlight .si    { color: #d14 } /* Literal.String.Interpol */
 .highlight .sx    { color: #d14 } /* Literal.String.Other */
 .highlight .sr    { color: #009926 } /* Literal.String.Regex */
 .highlight .s1    { color: #d14 } /* Literal.String.Single */
 .highlight .ss    { color: #990073 } /* Literal.String.Symbol */
 .highlight .bp    { color: #999 } /* Name.Builtin.Pseudo */
 .highlight .vc    { color: #008080 } /* Name.Variable.Class */
 .highlight .vg    { color: #008080 } /* Name.Variable.Global */
 .highlight .vi    { color: #008080 } /* Name.Variable.Instance */
 .highlight .il    { color: #099 } /* Literal.Number.Integer.Long */


body {
	background-color: rgb(235, 235, 235);
}

a {
	text-decoration: none;
	color: #111111;
}

#container {
	display: flex;
	flex-direction: column;
	margin: 2rem;
	background-color: whitesmoke;
	/*background-color: #fad744;*/
}

#post-intro-div {
	margin: 1rem;
	border-bottom: 1px solid black;
	/*background-color: #39CCCC;
	background-color: #EF5455;
*/}

#post-title-div, #post-summary-div {
	margin: 1.5rem;
}

.title {
	font: 3rem 'Passion One', cursive;
}

.text {
	font: 1.5rem 'Barlow Semi Condensed', sans-serif;
	color: #2B3252;
}

.highlight-1 {
	background-color: wheat;
	border: 1px solid black;
	padding: 0.5rem;
	color: black;
	box-shadow: 1px 1px 5px #AAAAAA;
}

.highlight-2 {
	background-color: white;
}

.padded-left {
	padding-left: 1rem;
}