.main {

margin: 2em 1em;

}

.menu{

margin: 1em 0;
font-family: "courier new", courier, monospace;

}

.logs {

margin-top: 2em;
margin-bottom: 2em;

}

h1.today{

margin-top: 1.5em;

}

.log {

width: 100%;
padding: 0.5em 0.2em;
border-bottom: 1px solid lightgray;
vertical-align: middle;

}

.log .text{

line-height: 1.8em;

}

.log .time{

font-size: 0.7em;
color: darkgray;

}

.log .profile-image img{

vertical-align:middle;

}

.log .attachment{

border-left: 6px solid lightcoral;
margin: 1em auto;
padding: 1.2em 1em;

}

.log pre{

border-left: 6px solid lightblue;
margin: 1em auto;
padding: 1.2em 1em;

}

.log .attachment-title{

display: block;
margin: 0em auto;

}

.log .attachment-image{

float: left;

}

.log .attachment-image img{

width: 100px;
margin-right: 1em;
margin-bottom: 0.3em;
vertical-align:middle;

}

.log .attachment-text{

display: block;
font-size: 0.85em;

}

.log .attachment-video{

margin-top: 1em;

}

.log .emoji{

vertical-align:middle;
margin: 0em 0.3em;

}

.log .debug{

display: none;
margin: 1em;
padding: 1em;
font-size: 0.75em;

}

a {

color: green;
text-decoration: none;

}

a:visited {

color: purple;

}

.clear {

clear: both;

}

pre {

font-family: "courier new", courier, monospace;
overflow-x: auto;
overflow-y: auto;

}