header, footer {
    background-color: rgb(44, 1, 44);
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .content {
    font-size: 12px;
}

main {
    background-color: rgb(80, 37, 70);
    min-height: calc(100vh - 120px);
    padding: 20px;
}

main .heading p{
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
}

h1 {
    font-size: 24px;
}

.message {
    background-color: rgb(142, 35, 71);
    padding: 10px;
    border-radius: 10px;
}

.question {
    font-weight: bold;
    color: rgb(237, 165, 189);
    margin: 0;
}

.answer {
    margin-top: 0;
}

.name-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 10px;
}

.name {
    font-weight: bold;
}

.date {
    font-size: 12px;
    color: rgb(210, 137, 161);
    /* vertical-align: bottom; */
}

.user {
    margin-bottom: 30px;
}