@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@100;200;300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=Sacramento&display=swap";html{font-family:EB Garamond,"serif";background-image:url(/unit.svg);font-size:18px;color:#262626}body{margin:0;padding:10px}#app{display:flex;justify-content:center}.body{display:flex;flex-flow:column nowrap;width:80ch;background-color:#fdfdfd;overflow:hidden;height:calc(100vh - 20px);position:relative;z-index:2}.main{flex-grow:1;overflow:auto}.nav{font-family:IBM Plex Mono,"monospace";padding:10px 18px;display:flex;flex-flow:row nowrap;justify-content:space-between;border-bottom:2px solid #262626}.nav-item:first-child{border-left:none}.nav-item{display:flex;justify-content:center;flex-grow:1;flex-basis:0;padding:6px 10px;border-left:1px solid #262626;color:#262626;text-decoration:none}.nav-item:hover{text-decoration:underline;cursor:pointer}.nav-item.disabled{text-decoration:none;cursor:default;font-weight:700}header{padding:18px 1.68rem;border-bottom:3px solid #262626}h1{font-size:2.82rem}h2,.note h1{font-size:1.68rem}.note h2{font-size:1.41rem}.note h1{font-size:1.19rem}p:first-child{margin-top:0}p:last-child{margin-bottom:0}.note{border:2px solid #262626;padding:10px 18px}.cursive{font-family:Sacramento}.ProseMirror{outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{opacity:0}::-webkit-scrollbar-thumb{background:#262626;border-radius:6px}.lock{background:#fdfdfd;position:relative;padding:1.68rem;display:flex;justify-content:center;align-items:center;border-radius:1rem;border:1px solid #262626;z-index:2;cursor:pointer}.flower{position:fixed;animation:grow 120s 1 forwards;z-index:1;font-size:2rem}.wiggle-wrapper:hover{animation:wiggle .24s 2 forwards ease-in-out}@keyframes grow{0%{font-size:0rem}20%,80%{font-size:4rem}to{font-size:2rem}}@keyframes wiggle{0%,50%,to{rotate:0deg}25%{rotate:-30deg}75%{rotate:30deg}}.letter{padding:18px 1.68rem}.photo{max-width:100%;max-height:100%}.expanded-view{position:fixed;top:0;left:0;width:80vw;height:80vh;background-color:#26262611;padding:10vh 10vw;z-index:1;display:flex;flex-flow:row nowrap}.img-wrapper{padding:1.68rem;display:flex;flex-grow:1;position:relative;justify-content:center;align-items:center}.note{background-color:#fdfdfd;max-width:40ch;width:40ch;z-index:10}.photos{position:relative;display:flex;flex-flow:row wrap;gap:18px;padding:10px 18px}.entry{position:relative;flex-grow:1;flex-basis:calc(50% - 18px)}.uploader{padding:18px 1.68rem}.form{display:flex;flex-flow:row nowrap;gap:1.68rem}.img-wrapper{min-height:120px;position:relative;flex-grow:1;flex-basis:0}.preview{width:100%;height:100%}input.preview{opacity:0}.note{flex-grow:1;flex-basis:0}.note .ProseMirror{min-height:100%}.upload-btn{width:100%;border-radius:0;border-top:1px solid #262626;border-bottom:1px solid #262626;border-left:none;border-right:none;background-color:#fdfdfd;font-size:1rem;margin:1rem 0}.upload-btn:hover{cursor:pointer;text-decoration:underline}