.memo {
    text-align: left;
    max-width: 500px;
    margin: 48px auto;
    background-color: #fafafa;
    background-image: url("/memos/bg.png");
    padding: 12px 24px;
    box-shadow: 4px 6px 20px #cecece;
    transform: rotate(-1deg);
    word-break: break-all;
    font-family: 'Newsreader', serif;
}
.memo h2 {
    font-family: 'Newsreader', serif;

}
.memo.warning {
    background-color: #f5cf9e;
}
.memo.catastrophic {
    background-color: darkred;
    color: white;
}
.attr {
    background-color: white;
    background-color: #fafafa;
    padding: 8px;
    box-shadow: 1px 2px 20px #cecece;
    float: right;
    transform: rotate(1.5deg);

}