html, body {
    padding: 0;
    margin: 0;
}

body {
    background-color: #000;
    height: 100%;
    width: 100%;
}
section {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.container {
    font-family: "Droid Sans Mono", "Lucida Console", monospace;
    color: #fff;
    background: #2d2d2d;
    padding: 20px;
    display: inline-block;
}

h1 {
    color: #bbb;
    font-size: 180%;
    text-align: center;
}

h2 {
    font-size: 90%;
    text-align: center;
    color: #999;
    margin-top: -1em;
}

h3 {
    color: #bbb;
    font-size: 130%;
    margin-top: .5em 0;
}

h4 {
    color: #bbb;
    font-size: 120%;
    margin-bottom: 0em;
}

p {
    color: #999;
    padding-inline-start: 40px;
    max-width: 50em;
}

a {
    color: #999;
    padding-bottom: .5em;
}

td {
    height: 1px;
}

pre {
    font-size: 120%;
    color: #eee;
    width: 500px; /* specify width  */
    white-space: pre-wrap; /* CSS3 browsers  */
    white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
    white-space: -pre-wrap; /* Opera 4 thru 6 */
    white-space: -o-pre-wrap; /* Opera 7 and up */
    word-wrap: break-word; /* IE 5.5+ and up */

}

ul {
    list-style-type: none;
    color: #999;
    padding-inline-start: 40px;
}

div.contacts {
    padding-inline-start: 40px;
}
a.icon {
    font-size: 300%;
    text-underline-mode: none;
    text-decoration: none;
}