body {
margin: 0px;
padding: 0px;
background-color: #101010;
/*background-image: url('images/antique.jpg');
background-repeat: repeat-x repeat-y;*/
}

a {
text-decoration: none;
}

@font-face {
font-family: LinuxLibertine;
src: url('woff/linlibertine_re-4.7.5ro-webfont.woff') format('woff');
}

@font-face {
font-family: LinuxLibertineItalic;
src: url('woff/linlibertine_it-4.2.6ro-webfont.woff') format('woff');
}

@font-face {
font-family: LinuxLibertineBold;
src: url('woff/linlibertine_bd-4.1.5ro-webfont.woff') format('woff');
}

button {
    display: inline;
    font-family: LinuxLibertineBold, serif;
    padding: 4px 6px 4px 6px;
}

#text {
    display: block;
    width: 100vw;
    text-align: center;
    line-height: 100vh;
    font-family: LinuxLibertineBold, serif;
    font-size: 20vh;
    color: #000000;
}

.page {
width: auto;
font-family: LinuxLibertine, serif;
font-size: 13pt;
}

#post-box {
position: relative;
width: 96%;
margin: 0px auto 0px auto;
}

#message {
position: relative;
width: 100%;
height: 240px;
padding: 2px 2px 2px 2px;
background-color: transparent;
border: 1px solid black;
font-family: LinuxLibertine, serif;
}

.column {
column-count: 6;
-moz-column-count: 6;
-webkit-column-count: 6;
column-width: 22em;
-moz-column-width: 22em;
-webkit-column-width: 22em;
column-rule: 1px solid #000000;
-moz-column-rule: 1px solid #000000;
-webkit-column-rule: 1px solid #000000;
}

.missive {
display: inline-block;
width: 96%;
margin: 0px auto 0px auto;
padding: 0.5em 0px 0.5em 0px;
vertical-align: top;
clear: both;
border-bottom: 1px solid #000000;
text-align: justify;
overflow-wrap: break-word;
}

.firstletter {
float: left;
font-size: 2em;
line-height: 1em;
vertical-align: top;
margin: 0px 8px 0px 0px;
}

.firstword {
margin: 0px 2px 0px -4px;
}

#output {
    float: right;
}

.spacer {
width: 100%;
height: 1px;
clear: both;
}

footer {
width: auto;
font-family: LinuxLibertine, serif;
font-size: 13pt;
text-align: center;
}