@import “rouge-github”; // this file is forked from jekyll-theme-architect

body {

margin: 0;
padding: 0;

}

*, *:before, *:after {

box-sizing: inherit;

}

.title > a {

text-decoration: none;

}

.post-content h1::before {

content: '/';
color: #696969;
padding-right: 0.5em;

}

.post-content h2::before {

content: '//';
color: #696969;
padding-right: 0.5em;

}

.post-content h3::before {

content: '///';
color: #696969;
padding-right: 0.5em;

}

img {

max-width: -webkit-fill-available;
max-width: -moz-available;

}

header {

// border-top: 5px solid black;
background-color: #222;
color: #ddd;

}

.content-wrapper {

max-width: 1200px;
margin: auto;

}

.content {

max-width: 980px;
margin: auto;
padding: 15px;

}

.title {

font-family: "Comic Sans MS", "Comic Sans", cursive;
font-weight: 500;

}

.close-button {

float: right;
background-color: transparent;
font-size: 2em;
border: none;

}

footer {

max-width: 1080px;
margin: 10px auto;

}

code, kbd, pre, samp {

font-family: 'Courier New', Courier, monospace;
font-size: 1em;

}

a {

color: inherit;

}

.menu {

display: flex;
justify-content: space-between;
font-size: 2.3em;

}

nav {

width: 20%;
min-width: 250px;
display: block;
z-index: 2;

}

nav-sidebar {

background-color: white;
animation: animateleft 0.5s;
height: 100%;
position: fixed!important;
overflow: auto;
border-right: #222 solid 5px;

}

.button {

padding: 0 5px;

}

.button:hover {

background-color: grey;

}

.pagination {

padding: 15px;
text-align: center;
font-size: 1.2em;

}

.text-center {

text-align: center!important;

}

.posts {

// width: 100%;
// margin: auto;
// padding: 8px 16px;
// display: inline-block;
//
-webkit-column-count: 3;
-webkit-column-gap: 10px;
-moz-column-count: 3;
-moz-column-gap: 10px;
column-count: 3;
column-gap: 10px;

}

.quart {

// width: 30%;
// padding: 0 15px;
// float: left;
//
margin: 0 0 10px 0;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid-column;
// border: #222 solid 1px;
overflow: hidden;
box-shadow: 5px 5px 10px #888888;

}

@media only screen and (max-width: 767px) {

.posts {
    -webkit-column-count: 1;
    -webkit-column-gap: 10px;
    -moz-column-count: 1;
    -moz-column-gap: 10px;
    column-count: 1;
    column-gap: 10px;
}

}

.post-info {

color: #556E6E;
font-style: italic;

}

.post-head {

background-color: #222;
color: #ddd;
display: inline-block;
width: 100%;
padding: 10px;

}

.post-body {

background-color: inherit;
padding: 10px;

}

blockquote {

border-left: #696969 solid 3px;
margin: 5px 5px 5px 0;
padding: 0px 10px;
color: #252525;

}

// fork from jekyll-theme-architect

code, pre {

margin-bottom: 30px;
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
font-size: 13px;
color: #222;

}

code {

padding: 3px;
background-color: #c6cacc;
border-radius: 3px;

}

pre {

padding: 20px;
overflow: auto;
text-shadow: none;
background: #fff;
border: solid 1px #f2f2f2;

} pre code {

padding: 0;
color: #212B2B;
background-color: #fff;
border: none;

}

hr {

height: 0;
margin-top: 1em;
margin-bottom: 1em;
border: 0;
border-top: solid 1px #ddd;

}

table {

width: 100%;
border: 1px solid #ebebeb;

}

th {

font-weight: 500;

}

td {

font-weight: 300;
text-align: center;
border: 1px solid #ebebeb;

}

form {

padding: 20px;
background: #f2f2f2;

}

table {

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
// width: 900px;
text-align: center;
border-collapse: collapse;
border: 1px solid #252525;
box-shadow: 5px 5px 10px #888888;
cursor: default;
margin-top: 20px;
table-layout: fixed;

}

table th {

text-align: center;
font-weight: normal;
font-size: 14px;
color: #ffffff;
background-color: #252525;
border-bottom: 1px dashed #252525;
padding: 12px 17px;
white-space: nowrap;

}

table td {

color: #000;
padding: 7px 17px;
white-space: normal;

}

table tr.alt {

background-color: #f3f3f3;

}

table tbody tr:hover td {

color: #000;
background: #b7b7b7;

}