*, ::after, ::before {
    box-sizing: border-box;
}
html {
    background-color: #fdf6e3;
    font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

body {
    font-family: "Roboto", sans-serif;
}

.footer-left {
    color: #93a1a1;
    padding-left: 0.4rem;
}
.footer-right {
    color: #657b83;
    float: right;
    padding-right: 0.4rem;
}

header {
    background-color: #eee8d5;
    /* padding: .5rem 1rem; */
    text-decoration: none;
}

header a {
    color: #839496;
}

#content {
    /* color: #586e75; */ /* base02 */
    /* color: #657b83; */ /* base01 - optional emphasized content */
    /* font-size : 100% ; */
    /* width : 80% ; */
    background-color: #eee8d5; /* base00 - body text / default code / primary content */
    color: #073642;
    display : block ;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin-left: 3%;
    margin-left: auto;
    margin-right: 3%;
    margin-right: auto;
    margin-top: 5%;
    max-width: 800px;
    min-height : 200px ;
    min-width : 400px ;
    padding : 1.25rem;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

#index {
    margin: 0;
}

nav {
    padding .5rem 1rem;
}
nav ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: .5rem;
}

tags {
    line-height: 1.5;
    width: 100%;
    display: block;
    display: flex;
    flex-wrap: wrap;
}

.tags > a {
    background-color: #17a2b8;  /* cyan */
    border-radius: .25rem;
    box-sizing: border-box;
    color: #fdf6e3;  /* base3 */
    display: inline-block;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    margin-right: .25rem;
    padding: .25em .4em;
    text-align: center;
    text-size-adjust: 100%;
    vertical-align: baseline;
    white-space: nowrap;
}

a {
    color: #007bff;
    cursor: pointer;
    text-decoration: none;
}

.entry-title {
    font-size: 2.2rem;
    margin-top: 0.5rem;
    padding-bottom: 0.5rem;
}

h1, h2, h3, h4, h5, h6 > a {
    color: inherit;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5rem;
}
h2 a { color : inherit !important }
h3 a { color : inherit !important }
h4 a { color : inherit !important }
h5 { font-size: 1.25rem; }
h5 a { color : inherit !important; }
h6 a { color : inherit !important }

h1 {
    display: inline-block;
    font-size: 1.25rem;
    line-height: inherit;
    margin-bottom: 0;
    margin-right: 1rem;
    margin-top: 0;
    padding-bottom: .3125rem;
    padding-top: .3125rem;
    white-space: nowrap;
}
h1 > a {
    /* color : inherit !important; */
    color: #839496;
    display: inline-block;
    font-size: 1.25rem;
    line-height: inherit;
    margin-right: 1rem;
    padding-bottom: .3125rem;
    padding-top: .3125rem;
    white-space: nowrap;
}

#menu li {
    display : inline ;
}

#post-list {
    margin-bottom : 1em ;
    margin-top : 1em ;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 87.5%;
}

.subtitle {
    color: #859900;
    font-weight: 100;
    font-style: italic;
    text-align: right;
    padding-right: 0.5rem;
}

time {
    color: #6c757d;
    margin-top: 0;
    margin-bottom: 1rem;
    box-sizing: border-box;
}

code > .hll { background-color: #ffffcc }
p > code {
    background: #eee8d5;
    color: #e83e8c;
    font-size: 87.5%;
    word-break: break-word;
}
code > .c { color: #408080; font-style: italic }
code > .err { border: 1px solid #FF0000 }
code > .k { color: #859900; font-weight: bold }
code > .o { color: #666666 }
code > .ch { color: #408080; font-style: italic }
code > .cm { color: #408080; font-style: italic }
code > .cp { color: #BC7A00 }
code > .cpf { color: #408080; font-style: italic }
code > .c1 { color: #408080; font-style: italic }
code > .cs { color: #408080; font-style: italic }
code > .gd { color: #A00000 }
code > .ge { font-style: italic }
code > .gr { color: #FF0000 }
code > .gh { color: #000080; font-weight: bold }
code > .gi { color: #00A000 }
code > .go { color: #888888 }
code > .gp { color: #000080; font-weight: bold }
code > .gs { font-weight: bold }
code > .gu { color: #800080; font-weight: bold }
code > .gt { color: #0044DD }
code > .kc { color: #008000; font-weight: bold }
code > .kd { color: #008000; font-weight: bold }
code > .kn { color: #008000; font-weight: bold }
code > .kp { color: #008000 }
code > .kr { color: #008000; font-weight: bold }
code > .kt { color: #B00040 }
code > .m { color: #666666 }
code > .s { color: #BA2121 }
code > .na { color: #7D9029 }
code > .nb { color: #008000 }
code > .nc { color: #0000FF; font-weight: bold }
code > .no { color: #880000 }
code > .nd { color: #AA22FF }
code > .ni { color: #999999; font-weight: bold }
code > .ne { color: #D2413A; font-weight: bold }
code > .nf { color: #0000FF }
code > .nl { color: #A0A000 }
code > .nn { color: #0000FF; font-weight: bold }
code > .nt { color: #008000; font-weight: bold }
code > .nv { color: #268bd2; }
code > .ow { color: #AA22FF; font-weight: bold }
code > .w { color: #bbbbbb }
code > .mb { color: #666666 }
code > .mf { color: #666666 }
code > .mh { color: #666666 }
code > .mi { color: #666666 }
code > .mo { color: #666666 }
code > .sa { color: #BA2121 }
code > .sb { color: #BA2121 }
code > .sc { color: #BA2121 }
code > .dl { color: #BA2121 }
code > .sd { color: #BA2121; font-style: italic }
code > .s2 { color: #dc322f; }
code > .se { color: #BB6622; font-weight: bold }
code > .sh { color: #BA2121 }
code > .si { color: #BB6688; font-weight: bold }
code > .sx { color: #008000 }
code > .sr { color: #BB6688 }
code > .s1 { color: #BA2121 }
code > .ss { color: #19177C }
code > .bp { color: #008000 }
code > .fm { color: #0000FF }
code > .vc { color: #19177C }
code > .vg { color: #19177C }
code > .vi { color: #19177C }
code > .vm { color: #19177C }
code > .il { color: #666666 }