*{font-family:Arial,Helvetica,sans-serif}p{margin:0}::selection{background:#bdbbff80}body{background-color:pink}.container{justify-content:center;align-items:top;background-color:#88ff888d;display:flex}.month-change-button{color:#f5f5f5;cursor:pointer;background-color:#429e42;border:none;border-radius:10px;width:80px;height:40px;font-size:30px;transition:opacity .15s}.month-change-button:hover{opacity:.8}.month-change-button:active{opacity:.5}.top-panel-container{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.month-label{color:#fff;background-color:#a9a9a9;border-radius:10px;padding:10px;font-size:16px;font-weight:700}.grid-date-box{background-color:#fff8dc;grid-template-rows:repeat(6,60px);grid-template-columns:repeat(7,60px);display:grid}.date-box{cursor:pointer;color:#fff;background-color:#5f9ea0;flex-direction:column;justify-content:center;align-items:center;margin:6px;font-size:18px;font-weight:700;display:flex}.date-box-exist{background-color:red}.date-box:hover,.date-box-exist:hover{border:4px solid #000}.day-of-the-month{font-size:16px;font-weight:500}.not-current-month{opacity:.6}.current-unix{background-color:#0f0;border:4px solid green}.journal-container{flex-direction:column;align-items:center;margin-right:50px;display:flex}.journal-styling{background:#fff;border:4px double #000}.journal-inputs{border-bottom:1px solid #000;display:flex}.style-inputs-container{border-right:1px solid #000;flex-direction:row;align-content:center;margin-left:10px;padding-right:10px;display:inline-block}.journal-button:hover{background-color:#e2e2e2}.journal-text-input{margin:6px}.journal-text-input .ProseMirror{box-sizing:border-box;outline:none;width:900px;height:280px;overflow-y:auto}.no-border{border:none}.journal-button{cursor:pointer;background-color:#fff;border:none;border-radius:10px;min-width:38px;margin:2px;padding:10px 14px;font-family:Times New Roman,Times,serif;font-size:18px;font-weight:700;transition:background-color .2s}.active-input{background-color:#e9e9e9}.italic{font-style:italic}.underline{text-decoration:underline}.strike{text-decoration:line-through}.label{margin-right:6px}.dropdown-input-container,.color-input-container{align-items:center;display:flex}.color-input{margin-right:6px}.label{padding-right:2px}.journal-selector-container{justify-content:space-between;align-items:center;padding:8px;display:flex}.journal-selector-button{color:#ff0;cursor:pointer;background-color:#9acd32;border:2px solid gold;border-radius:10px;margin:0 5px;padding:6px 12px;font-size:22px;transition:opacity .15s}.journal-selector-button:hover{opacity:.75}.journal-selector-button:active{opacity:.5}.journal-selector-button:disabled{opacity:.4;cursor:default}.editing-input{font-size:18px;font-weight:700}.editing-notation{margin-top:-16px;font-size:14px}.editing-container{flex-direction:column;margin:5px 20px;display:flex}.confirmation-window-container{z-index:2;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0%}.confirmation-panel{z-index:3;background-color:bisque;border:2px solid #000;border-radius:10px;flex-direction:column;align-items:center;width:640px;height:320px;display:flex}.red{color:red;font-weight:700}.confirmation-button{cursor:pointer;background-color:#e0ffff;border:none;border-radius:10px;margin:30px;padding:10px 20px;font-size:20px}.confirmation-button:hover{opacity:.8}.confirmation-button:active{opacity:.6}.confirmation-button:disabled{opacity:1;cursor:not-allowed}.confirmation-input{margin:10px;font-size:24px}.confirmation-description{margin:10px;font-size:20px}.confirmation-text{margin:30px 20px;font-size:26px}.journal-name{margin:5px 20px;font-size:18px;font-weight:700;display:inline-block}.cursor-pointer{cursor:pointer}.select{color:#24292f;cursor:pointer;background-color:#fff;border:1px solid #d0d7de;border-radius:8px;outline:none;max-width:400px;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.select:hover{border-color:#8c959f}.option{color:#24292f;background-color:#fff;padding:8px}.streak-container{justify-content:space-between;margin:10px;display:flex}.streak-text{color:#000;background-color:#fff;padding:10px}