html {
    background-color: #f1e9ff
}

body {
        font-family: "Gaegu", "consolas";
        font-weight: 400;
        font-style: normal;
	padding:1em;
	max-width: 50em;
	margin: 0 auto;
	word-wrap: break-word;
    max-width: 720px;
	line-height: 1.50;
}

/*
This only styles the main title at the top of the page
which by default is just the word 'thoughts'
 */
h1 {
        color: #a6a1d6;
        font-family: "Hachi Maru Pop", "consolas";
	    font-style: bold;
;

}

h2 {
        color: #FF92B8;
        font-family: "Gaegu", "consolas";
	font-style: bold;
}

strong {
	color: #9E6D90;
}

p {
    color: #af6d9e;
}

a:link {
  color: rgb(133, 135, 233);

}

a:visited  {
  color: #5f98da;

}

ul {
    color: rgb(133, 135, 233);
}

/*
This styles code blocks
By default, highlight.js is effecting this styling too
 */
pre {
	overflow-x: 0;
	word-wrap: normal;
	border: none;
	border-radius: 3px;
}

/*
This styles inline <code>
 */
code:not(.block) {
	font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
	font-size: .8em;
	padding: .1em;
	border: 1px solid lightgray;
	border-radius: 3px;
}

/*
This also styles code blocks
Each code block <pre><code class="block">looks like this</code></pre>
By default, highlight.js is effecting this styling too
 */
code {
	font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
	font-size: .8em;
}

/*
This styles the div that the date/link for each post is in
The <a> tag itself is also a member of class "though-date"
so you can style that too if that's helpful
 */
 
div.thought-date {
	font-size: 1em;
	font-weight: bold;
	text-align: right;
}
div.thought-date {
}

div.thought-date a {
  font-size: 1em;
  font-weight: bold;
  background-color: #a6a1d6;
  padding: 3px 5px;
  display: inline-block;
  margin: 0px 0;
  color: #FFFFFF;
  text-decoration: none;
}
/*
This is the outermost block element for a given
thought post. You can style it if you like, but this
is probably only useful for spacing your posts from each other
in the way you'd like
 */
section.thought {
	margin: 1em 0em;
}

/*
This styles the element that contains the actual
text of an individual post.
 */

 div.thought {
  background-color: #FFFFFF;
  border: 1px solid #a6a1d6;
  border-radius: 1px;
  padding: 1em;
  text-align: left;

}