body {
    margin:40px auto;
    max-width:850px;
    line-height:1.6;
    font-size:18px;
    color:#444;
    padding:0 10px
}

h1,h2,h3 {
    line-height:1.2
}

.controls > a {
    padding: 0 4px;
}

.profilepic {
    max-width: 50px;
    border-radius: 50%;
    border: 3px solid red;
}

.profilepic-container {
    padding-right: 8px;
}

.msg {
    display: flex;
}

.msg:hover .messageControls {
    visibility: visible;
}

#messages {
    height: 400px;
    overflow: auto;
}

.messageControls {
    margin-left: auto;
    visibility: hidden;
}

/* https://espadrine.github.io/blog/posts/markdown-quote-styling.html */
.reply {
    margin: 0;  
    padding-left: 1.4rem;  
    border-left: 4px solid #dadada; 
}