body,
html {
height: 100%;
color: #d0cfba;
margin: 10px;
font-family: monospace;
font-size: 16px;
line-height:1.5;
letter-spacing: 0.6;
background-color: #282828;
}
html {
display: table;
margin: auto;
width:100%;
max-width:80ch;
}
body {
display: table-cell;
}
p,li,ul,table,pre,code {
max-width: 32em;
max-width: 80ch;
text-align:justify;
}
h1 {
color: goldenrod;
text-align: center;
}
h2,
h3,
h4 {
color: #3aa25d;
}
h5,
h6 {
color: mediumorchid;
}
a {
color: #85a09b;
}
ul {line-height:2;}
p {
}
strong,
em {
color: #8da29b;
padding-left: 2px;
padding-right: 2px;
}
b {color:#b3bd29;}
small {color: SeaGreen;}
img {
max-width:100%;
}
hr {
height: 0;
border: 0;
border-top: 1px solid SeaGreen;
margin: 1em 0;
padding: 0;
}
table {
border-collapse: collapse;
}
td {
border: 1px solid antiquewhite;
padding: 4px;
}
th {
border: 1px solid antiquewhite;
color: black;
background-color: antiquewhite;
padding: 4px;
text-align: center;
}
pre {
font-family: monospace;
white-space: pre-wrap;
}
code {
color: darkseagreen;
font-family: monospace;
background: darkslategrey;
white-space: pre-wrap;
display:block;
padding:4px;
text-align:left;
}
iframe { border: 1px solid darkslategrey;}
figure {
margin: 0;
margin-top:30px;
background: seagreen;
width:400px;
}
figure img {
width:400px;
}
figcaption {
margin-bottom:10px;
padding: 10px;
background: seagreen;
color: #fff;
font-size:16px;
width:380px;
}
@media only screen and (max-width: 600px) {
body {
padding:2px;
font-size:14px;
margin: 0;
}
ul {padding:0;}
li {
padding:0;
text-align:left;
}
iframe {
max-width:100%;
}
}