*{font-family:Arial,Helvetica,sans-serif}p{margin:0}::selection{background:#bdbbff80}body{background-color:#bde3a6}.container{align-items:top;justify-content:space-around;padding-top:10px;display:flex}@media (width<=768px){.container{flex-direction:column}}.month-change-button{color:#f5f5f5;cursor:pointer;background-color:#429e42;border:none;border-radius:10px;width:40px;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;margin:0 10px;padding:10px;font-size:16px;font-weight:700}@media (width<=768px){.top-panel-container{margin-top:10px}}.grid-date-box{background-color:#fff8dc;grid-template-rows:repeat(6,60px);grid-template-columns:repeat(7,60px);width:auto;display:grid}.date-box{cursor:pointer;color:#fff;flex-direction:column;justify-content:center;align-items:center;margin:6px;font-size:1rem;display:flex}.day-of-the-month{font-size:1.2rem}@media (width<=1024px){.grid-date-box{grid-template-rows:repeat(6,55px);grid-template-columns:repeat(7,55px)}}@media (width<=768px){.grid-date-box{max-width:385px}}@media (width<=425px){.grid-date-box{grid-template-rows:repeat(6,50px);grid-template-columns:repeat(7,50px);max-width:350px}.day-of-the-month{font-size:1rem}}@media (width<=320px){.grid-date-box{grid-template-rows:repeat(6,46px);grid-template-columns:repeat(7,46px);max-width:322px}.day-of-the-month{font-size:.8rem}}.date-grid-container{flex-direction:column;align-items:center;display:flex}.date-box{background-color:#5f9ea0}.date-box-exist{background-color:#ca5759}.date-box:hover,.date-box-exist:hover{border:2px solid #000}.not-current-month{opacity:.6}.current-unix{background-color:#0f0;border:2px solid green}.journal-container{flex-direction:column;align-items:center;width:auto;display:flex}.journal-styling{background:#fff;border:4px double #000}.journal-inputs{border-bottom:1px solid #000;margin-top:2px;display:flex}.journal-text-input .ProseMirror{box-sizing:border-box;outline:none;width:auto;max-width:680px;height:280px;overflow-y:auto}.journal-button{cursor:pointer;background-color:#fff;border:none;border-radius:10px;padding:8px;font-family:Times New Roman,Times,serif;font-size:1rem;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{align-items:center;display:flex}@media (width<=1024px){.dropdown-input-container{flex-direction:column;justify-content:center}}.color-input-container{align-items:center;display:flex}.color-input{width:30px;margin-right:4px}.label{text-align:center;margin:0;padding-right:6px;font-size:1rem}@media (width<=1024px){.color-input-container{flex-direction:column}.color-input{margin-right:0}}.style-inputs-container{border-right:1px solid #000;align-content:center;margin-left:10px;padding-right:10px;display:inline-block}@media (width<=1024px){.style-inputs-container{display:grid}.style-button-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.style-text-grid{display:flex}}@media (width<=330px){.style-button-grid{grid-template-rows:repeat(1,1fr);grid-template-columns:repeat(1,1fr)}.style-text-grid{align-items:center;display:flex}}.journal-button:hover{background-color:#e2e2e2}.journal-text-input{margin:6px}.no-border{border:none}.journal-selector-container{justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}@media (width<=768px){.journal-selector-container{flex-direction:column}}.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}@media (width<=768px){.editing-notation{margin-top:0}}.editing-container{flex-direction:column;margin:5px 20px;display:flex}.confirmation-window-container{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirmation-panel{z-index:3;background-color:bisque;border:2px solid #000;border-radius:10px;flex-direction:column;align-items:center;width:auto;min-width:240px;max-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:10px;padding:10px 20px;font-size:16px}.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:10px 20px;font-size:20px}.journal-name{margin:5px 20px;font-size:1rem;font-weight:700}.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;margin:0 10px;padding:10px}