@import url(./fonts.css);

body{
    font-family: 'Newsreader', serif;
    text-align: center;
}

.memo {
    text-align: left;
    max-width: 500px;
    margin: 48px auto;
    background-color: #fafafa;
    background-image: url("./bg.png");
    /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
    padding: 12px 24px;
    box-shadow: 4px 6px 20px #cecece;
    transform: rotate(-1deg);
    word-break: break-all;
}
.memo.warning {
    background-color: #f5cf9e;
}
.memo.catastrophic {
    background-color: darkred;
    color: white;
}
header {
    margin: 64px;
    line-height: 10px;
}
.attr {
    background-color: white;
    background-color: #fafafa;
    padding: 8px;
    box-shadow: 1px 2px 20px #cecece;
    float: right;
    transform: rotate(1.5deg);

}