html{background:#f8f2f3;color:#0c0910}.App{font-family:sans-serif;text-align:center;display:flex;flex-direction:column;justify-content:center}.running-time{font-family:monospace}.timer-buttons{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.timer-buttons button{width:6rem;font-size:1.2em;background:#ddbfbb;border-color:#c89992;border-style:solid;border-radius:4px;color:#5f3530}.timer-buttons button:disabled{opacity:.7;cursor:not-allowed}.notes{display:flex;flex-direction:column;gap:.8rem;margin:auto;list-style:none;padding:0}.notes .note{display:grid;grid-template-columns:7rem 20rem 7rem;gap:2rem}.notes .note .timecode{font-family:monospace;text-align:right;font-weight:700;color:#5f3530}.notes .note .text{width:14rem;text-align:left;color:#1a110f}.notes .new-note form{display:grid;grid-template-columns:7rem 20rem 7rem;gap:2rem}.notes .new-note input{display:inline-block;font-size:1em;padding:0;box-sizing:border-box}.notes .new-note input[name=timecode]{border:none;text-align:right;font-family:monospace;color:#4e322c;background:none}.notes .new-note input[name=timecode].active{color:#5f3530;font-weight:700}.notes .new-note input[name=text]{box-sizing:border-box;height:2rem}.notes .new-note input[type=submit]{width:7rem;line-height:initial;height:2rem;background:#b4746a;border-color:#95554b;border-radius:4px;border-style:solid;color:#0d0807}.notes .new-note input[type=submit]:disabled{opacity:.3;cursor:not-allowed}