.container {
    background-color: white;
    box-shadow: 0 0 5px #CFCFCF;
    border: 1px var(--border) solid;
    width: 600px;
    margin: 30px auto;
    padding: 10px;
}

/* ASIDE */

aside {
    width: 180px;
}

#todo .inner {
    height: 160px;
    overflow-y: auto;
}
#todo h4 {
    font-size: 12px;
}
#todo ul {
    margin-left: 15px;
    font-size: 12px;
}
#todo ul:not(:last-child) {
    margin-bottom: 10px;
}
#todo li:not(:last-child) {
    margin-bottom: 3px;
}

/* MAIN */

main {
    width: 420px;
}
main h3 {
    border-bottom: 1px var(--text) solid;
    margin-bottom: 10px;
    padding-bottom: 3px;
}
main br {
    height: 5px;
}
main ul {
    list-style: none
}
main ul:not(:last-child) {
    margin-bottom: 10px;
}
main .secondary {
    margin-left: 15px;
    list-style: "–";
}
main li {
    margin-bottom: 3px;
}