/* CSS Shared for All Screens */

/* Site */

body {

font-family: "Hack", "Menlo", "Consolas", "monospaced";
background-color: #282A36;
color: #eff0eb;
margin: 0;

}

a {

color: #57c7ff;
text-decoration: none;

}

a:hover {

text-decoration: underline;

}

/* Header */

.top-left {

float: left;
vertical-align: bottom;

}

.top-right {

float: right;

}

.clear-all {

clear: both;

}

.title a {

color: #eff0eb;
font-weight: bold;

}

.title a:hover {

color: #eff0eb;
text-decoration: underline;

}

.top-nav a {

color: #eff0eb;

}

.top-nav a:hover {

color: #eff0eb;
text-decoration: underline;

}

/* Content */

.index-post {

list-style-type: none;

}

.index-title {

margin: 0;

}

.content {

line-height: 25px;

}

.content h1 {

font-size: 28px;
text-align: center;

}

.content h2 {

font-size: 26px;

}

.content h3 {

font-size: 24px;

}

.content h4 {

font-size: 22px;

}

.content h5 {

font-size: 20px;

}

.content h6 {

font-size: 18px;

}

.content p {

font-size: 16px;

}

.content blockquote {

color: #eff0eb;
background-color: black;
border-left: 5px solid #eff0eb;
border-radius: 0 10px 10px 0;

}

.content blockquote p {

padding: 5px 5px 5px 10px;

}

.content .highlight {

margin: 0;

}

.content pre {

background-color: black;
border-radius: 10px;
margin: 1%;
padding: 0.5% 2%;

}

.content code {

background-color: black;
padding: 0.25% 0.5%;

}

.content .highlight code {

padding: 0;

}

/* Footer */

.social a, .social p {

display: inline-block;
margin: 0;

}

.site-footer {

text-align: center;

}