body{text-align:center;background-color:#e7e3d9;font-family:sans-serif}.top-nav{background-color:#b5a477;justify-content:space-between;margin-bottom:12px;margin-right:12px;padding:24px}.top-nav>*{color:#332503;padding:10px;text-decoration:none}.topbar{justify-content:space-between;display:flex}.account-button{background:0 0;border:#0000;border-radius:12px}.account-button:hover{color:#b5a477;background-color:#332503}.logo-text>*{color:#332503;text-decoration:none}.note-div{grid-auto-flow:row;justify-items:center;display:grid}.note-card{width:256px;height:max-content;text-overflow:fade;opacity:1;border-radius:12px;margin:10px;padding:10px;transition:opacity .3s;overflow-x:hidden;box-shadow:inset 0 0 0 1px #26262b}.note-column{scrollbar-gutter:stable;width:95vw;height:75vh;overflow-y:auto}.note-buttons{flex-direction:column;align-self:flex-start;gap:10px;display:flex}.tag-button{border:#f0f8ff;border-radius:12px;margin:10px;padding:8px;transition:all .2s}.tag-button.clicked,.tag-button:hover{color:#b5a477;background-color:#332503}.note-field{resize:none;overflow-wrap:break-word;border:#000;border-radius:12px;justify-content:start;width:256px;height:512px;margin:10px;padding:8px;transition:all .2s;overflow:auto}.error-popup{color:red;opacity:0;background:#f0f8ff;border:solid red;border-radius:12px;padding:10px;transition:opacity 1s;bottom:-100px;left:50%;transform:translate(-50%,5%)}.error-popup.show{opacity:1}.matrix{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;justify-content:stretch;justify-self:stretch;place-items:stretch stretch;gap:-1px;max-width:600px;max-height:600px;margin:0 auto;padding:5px;display:grid}.section{border:solid #000;width:100%}.matrix-task{width:256px;height:max-content;text-overflow:fade;border-radius:12px;margin:10px;padding:10px;overflow-x:hidden}.habit-card{border-radius:12px;width:512px;max-width:512px;margin:10px;padding:10px;box-shadow:inset 0 0 0 1px #26262b}.habit-list{place-items:center}.streak-button{border:#f0f8ff;border-radius:12px;margin:5px;padding:10px;transition:color .2s}.streak-button.pressed{color:#b5a477;background-color:#332503;margin:5px;padding:10px}.content-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.task-list{width:300px}.note-card.outdated{color:red;box-shadow:inset 0 0 0 1px red}.note-card.outdated>*{color:red}.note-card.done{color:gray;box-shadow:inset 0 0 0 1px #696969}.note-card.done>*{color:gray}