body {
    background: black;

    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

header {
    text-align: center;
}

footer {
    text-align: center;
}

h1 {
    font-size: 30pt;
    text-align: center;
    color: firebrick;
}

h2 {
	text-align: center;
	color: tomato;
}

h3 {
    text-align: center;
    color: coral;
}

blockquote {
	color: lightgray;
	border-style: solid;
	border-color: lightgray;
	border-width: 1px;
	margin: 25px 25px 15px;
}

p {
    color: lightgray;
}

ul {
    color: lightgray;
}

ol {
	color: lightgray;
}

b {
	color: lightgray;
}

code {
	color: lightgreen;
}

a {
    text-decoration: none;
    color: deepskyblue;
}

a:link {
      text-decoration: none;
}

a:visited {
      text-decoration: none;
}

a:hover {
      text-decoration: none;
}

a:active {
      text-decoration: none;
}

.desc {
	display: inline-block ;
	color: gray ;
}

.author {
    text-align: center;
}

.date {
    text-align: center;
}

#inlinelinker {
    font-size: x-large;
}

#inlinelinker li:hover {
    outline: 1px dotted white;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

figcaption {
	text-align: center;
	color: orangered;
}

.flex-container {
            display: flex;
	    flex-direction: row;
            align-items: top;
            gap: 20px;
}