html {
	background-color: snow;
}

body {
	font-family: 'msgothic', Segoe UI Emoji;
	color: #8fa35b;
	padding: 1em;
	max-width: 50em;
	margin: 0 auto;
	word-wrap: break-word;
	line-height: 1.50;
}

/*
This only styles the main title at the top of the page
which by default is just the word 'thoughts'
 */
@font-face {
  font-family: "msgothic";
  src: url("https://cruoris/neocities.org/9fonts/msgothic.ttf");
  
}

h1 {
	font-style: bold;
}

h4 {
	color: #a6c48a;
        font-style: bold;
        text-align: center;
	font-size: 2em;


}

h5 {

	font-size: 0.9em;
	color: #a6c48a;
        font-style: bold;
        text-align: right;


}

strong {
	color: #f3f2de;
}

tag {
        background-color: #7e9948;
}

a{

        color: #688f38;
}

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

/*
This styles inline <code>
 */
code:not(.block) {
	font-family:'msgothic', SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
	font-size: .5em;
	padding: .1em;
	border: 1px solid #f3f2de;
	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:'msgothic', SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
	font-size: .5em;
}

/*
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 {
        color: #688f38;
	font-size: 0.9em;
	font-weight: bold;
}

/*
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 {
	border: 2px solid #f3f2de;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-radius: 0px;
	padding: 1em;
}