/* Base */
body { font-family: sans-serif; margin:2em; }
.toggleable { display:none; margin:.5em 0; }
input:checked + .toggleable,
#add_subject:checked ~ #subject_field,
#encrypt:checked ~ #password_field { display:block; }

/* Note textarea */
.note-body {
    width: 129ch;
    line-height: 1.2;
    height: calc(1.2em * 16);
    background: #ffffe0;
    padding: .5em;
    font-family: monospace;
    resize: none;
}

/* Create button */
.btn-create {
    background: red;
    color: #fff;
    padding: .7em 1.2em;
    border: none;
    cursor: pointer;
}

/* Theme overrides */
.theme-light    { background:#fff; color:#000; }
.theme-dark     { background:#121212; color:#eee; }
.theme-sepia    { background:#f4ecd8; color:#5b4636; }
.theme-contrast { background:#000; color:#ff0; }
.theme-pastel   { background:#ffe4e1; color:#333; }