body {
    background-color: rgb(246, 255, 238);
    font-family: Arial, Helvetica, sans-serif;
}

#mood-box {
    width: 150px;
    padding: 8px 8px;
    margin: 5px 20px;
    float: right;
    background-color: rgb(151, 170, 133);
    border-radius: 20px;
    font-size: 14px;
    color: rgba(5, 20, 61, 0.397);
    text-align: left;
    border: 2px dashed rgb(96, 105, 40);
    font-family: Arial, Helvetica, sans-serif;
}

.date, .label {
    color: rgb(86, 107, 51);
    font-weight: bold;
}

.date {
    text-decoration: underline;
}

#mood-box img {
    width: 100%;
    margin: auto;
}

.blog-icon {
    border-radius: 20px;
}

#blog-title {
    font-family: 'Courier New', Courier, monospace;
    color: rgb(112, 151, 119);
}


#content-box hr {
    border: 1px dashed rgb(96, 105, 40, 0.6);
}

#content-box p {
    font-family: Arial, Helvetica, sans-serif;
}

#content-box::after {
    content: "\2b50 \2b50 \2b50 \2b50 \2b50 \2b50 \2b50 \2b50";
}