@import url('https://fonts.googleapis.com/css2?family=Merienda:wght@700&family=Roboto+Mono:wght@200&display=swap');
body {
    background-color: gray !important;
}
.d-flex {
    display: flex;
    justify-content: space-between;
}
.memo-header {
    background-color: brown;
}
header {
    padding: 10px;
    font-family: 'Merienda', cursive;
}
p {
    font-family: 'Roboto Mono', monospace;
    font-size: 120%;
}
.memo-container-column {
}
.memo-color-column {
    padding: 5px;
    margin: 10px 0px;
    border-radius: 15px;
}
.memo-unit {
    background-color: rgba(255,255,255,0.7);
    margin: 10px;
    padding: 10px;
    word-wrap: break-word;
    border-radius: 5px;
}
.memo-urgent {
    background-color: red;
}
.memo-soon {
    background-color: yellow;
}
.memo-eventually {
    background-color: green;
}
.memo-area {
    margin: 15px;
}
.memo-plus {
    margin: 10px;
    padding: 10px;
}