.message {
    width: 100%;
    min-height: 100vh;
    margin-top: 0.5em;
}
.message-box {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    min-height: 18vh;
    background-color: white;
    border-bottom: 1px solid #e7e7e7;
}
.message-icon {
    width: 4em;
    height: 4em;
    border-radius: 4em;
    margin-top: 1.1em;
}
.message-top {
    height: 5em;
    width: 100%;
    display: flex;
}
.message-user {
    font-family:  "M PLUS Rounded 1c", sans-serif;
    font-size: 0.9em;
    margin-top: 1.7em;
}
.message-user-id {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 0.8em;
    color: gray;
    margin-top: 2em;
}
.message-time {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 0.9em;
    margin-left: auto;
    margin-right: 2em;
    margin-top: 2em;
}
.message-text {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    margin-top: 4em;
    margin-left: 2em;
}
.message-bottom {
    height: 2em;
    width: 100%;
    display: flex;
}