:root{--dark-1:#010409;--dark-2:#282c34;--light-1:#f6f9fe;--light-2:#cbcfd7}*{font-family:Open Sans,sans-serif;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f6f9fe;background-color:var(--light-1);color:#010409;color:var(--dark-1)}code{background-color:#282c34;background-color:var(--dark-2);border-radius:5px;color:#f6f9fe;color:var(--light-1);font-family:Kode Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:2px}*{box-sizing:border-box}.App{align-items:center;background-image:url(/static/media/app-bkg.fea9256287b18e1e9a26.webp);background-position:50%;background-repeat:repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;margin:0;padding:0}header{align-self:start;background-color:var(--dark-1);color:var(--light-2);margin:8px;padding:12px 24px}h1{cursor:pointer;-webkit-user-select:none;user-select:none}.stickyNote{aspect-ratio:1/1;min-height:200px;pointer-events:none;position:fixed;transform:translate(-50%);transition:box-shadow .125s;z-index:101}.stickyNoteTop{align-items:center;background-color:#0005;color:var(--dark-1);display:flex;font-family:Pacifico,cursive;font-size:12px;height:24px;left:0;padding-left:4px;pointer-events:all;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.draggable .stickyNoteTop{cursor:grab}.draggable .stickyNoteTop:active{cursor:grabbing!important}.draggable.stickyNote:has(.stickyNoteTop:active) .stickyNoteBody{box-shadow:0 10px 10px #0008}.stickyNoteTex{background-image:url(/static/media/page-texture.30173d3adcf64b952063.webp);background-position:50%;background-size:cover;bottom:0;left:0;opacity:.25;position:absolute;right:0;top:0}.stickyNoteBody{box-shadow:0 5px 10px #0008;padding:4px;top:24px;transition:box-shadow .25s;-webkit-user-select:none;user-select:none}.stickyNoteBody,.stickyNoteBody nav{bottom:0;display:flex;left:0;position:absolute;right:0}.stickyNoteBody nav{align-items:center;padding-left:16px;pointer-events:all;top:0}.stickyNoteBody nav ul{font-size:20px;padding-left:30px}.stickyNoteBody nav li{margin-bottom:4px}.navBtn{background:linear-gradient(90deg,#0000 24%,#ff880088 25%,#ff880088 74%,#0000 75%);background-position:100% 0;background-size:400% 400%;cursor:pointer;transition:all .25s}.navBtn:hover{background-position:50% 0}a{color:var(--dark-1);pointer-events:all;text-decoration:underline}.nextPage{border-right:50px solid #0000;border-top:50px solid #fdfbf7;bottom:0;box-shadow:-5px -5px 10px #000;height:0;opacity:.25;position:absolute;right:0;width:0}.page{background-color:#fdfbf7;display:flex;height:85vh;left:50%;pointer-events:none;position:fixed;top:10vh;transform:translate(-50%) rotate(0deg);transition:all .5s ease;-webkit-user-select:none;user-select:none;width:60.1vh}.paperTex{background-image:url(/static/media/page-texture.30173d3adcf64b952063.webp);background-position:50%;background-size:cover;height:100%;opacity:.33;pointer-events:all;width:100%}.pageInnerWrap,.paperTex{bottom:0;left:0;position:absolute;right:0;top:0}.pageInnerWrap{opacity:.9;padding:72px}.pageNum{align-items:center;bottom:16px;display:flex;left:50%;opacity:1;pointer-events:all;position:absolute;transform:translate(-50%);transition:opacity 0s;transition-delay:.125s}.pageNum div{margin-left:4px;margin-right:4px}.pageNum .left,.pageNum .right{cursor:pointer;margin-top:-4px;padding:4px}.open.folder .pageNum{opacity:0}.hr{border-top:1px solid var(--dark-1);height:1px;margin-bottom:4px;margin-top:4px;width:100%}.justifiedHeader{display:flex}.justifiedHeader .spacer{flex-grow:1}.page p{font-size:14px;-webkit-user-select:text;user-select:text}.page ul{font-size:14px;padding-left:24px}.page iframe{height:calc(100% - 8px);width:100%}.page iframe,.pfp{pointer-events:all;-webkit-user-select:none;user-select:none}.pfp{background-color:#faf5eb;background-image:url(/static/media/pfp.508d7120a82d030946af.jpg);background-position:top;background-repeat:no-repeat;background-size:contain;border:12px solid #faf5eb;box-shadow:5px 5px 10px #0003;cursor:grab;filter:grayscale(1);height:280px;left:50%;opacity:1;padding-bottom:24px;position:fixed;top:50%;transform:translate(-50%);transition:box-shadow .25s;width:200px;z-index:100}.pfp h4{bottom:-8px;font-family:Pacifico,cursive;position:absolute}.pfp:active{box-shadow:5px 5px 15px #0005;cursor:grabbing;z-index:200}.pfp.interacted{opacity:0;pointer-events:none}.page.slide-forward{animation:change-page .5s ease-in-out;box-shadow:10px 10px 20px #0003}.folderOuterWrap .page.slide-forward{animation:change-page2 .5s ease-in-out;box-shadow:10px 10px 20px #0003}.slit{border-bottom:48px solid var(--light-2);border-right:48px solid #0000;height:0;position:absolute;width:0}.slit.top{transform:rotate(90deg) translate(-30%,30%)}.slit.bottom{bottom:0;right:0;transform:rotate(-90deg) translate(-30%,30%)}footer{background-color:var(--dark-1);bottom:0;color:var(--light-2);flex-direction:column;font-size:small;padding-left:20%;padding-right:20%;position:fixed;-webkit-user-select:none;user-select:none}footer,footer>div{display:flex;justify-content:center}footer>div{align-items:center;flex-basis:20%}footer>div:has(.logo-c){flex-basis:40%}footer>div>img{margin-right:10px}footer [class^=logo-]{height:36px}.logo-r{aspect-ratio:1/1;border-radius:100%}@keyframes change-page{0%{left:50%}50%{left:90%}to{left:50%}}@keyframes change-page2{0%{left:50%}50%{left:130%}to{left:50%}}.col2{display:flex;flex-wrap:wrap}.col2>*{flex-basis:50%}.pImg{aspect-ratio:1/1;background-color:#fdfbf7;background-position:50%;background-repeat:no-repeat;background-size:contain;height:120px;width:120px}.folderOuterWrap{display:flex;height:85vh;left:50%;pointer-events:none;position:fixed;top:10vh;transform:translate(-45%) rotate(-2.5deg);transition:all .5s ease;-webkit-user-select:none;user-select:none;z-index:0}.folder{background-color:#f0e4cc;border-radius:0 20px 20px 0;box-shadow:5px 5px 10px #0003;height:100%;position:relative;transform-origin:center left;transition:transform .5s;width:57.5vh}.open.folder{transform:rotateY(180deg) translateX(-1px)}.open.folder .topSecret{opacity:0}.folderOuterWrap.top{animation:change-page .5s;transform:translate(-45%) rotate(0deg);z-index:100}.folderTex{background-image:url(/static/media/page-texture.30173d3adcf64b952063.webp);background-position:50%;background-size:cover;border-radius:0 20px 20px 0;opacity:.2;pointer-events:all}.folderInnerWrap,.folderTex{bottom:0;left:0;position:absolute;right:0;top:0}.folderInnerWrap{opacity:.9;padding:72px}.folderTitle{background-color:#f0e4cc;border-radius:8px 8px 0 0;box-shadow:5px 5px 10px #0003;cursor:pointer;height:fit-content;pointer-events:all;position:relative;transform:rotate(90deg);transform-origin:bottom left;z-index:-2}.folderTitleTex{background-image:url(/static/media/page-texture.30173d3adcf64b952063.webp);background-position:50%;background-size:cover;border-radius:8px 8px 0 0;bottom:0;left:0;opacity:.2;position:absolute;right:0;top:0}.folderTitle h2{font-family:Pacifico;padding-left:8px;padding-right:8px;position:relative;z-index:1}.folderOuterWrap .page{left:40%;scale:.95;top:0;width:55vh}.folderBacking{border-radius:0 20px 20px 0;box-shadow:5px 5px 10px #0003;height:100%;left:0;top:0;width:57.5vh;z-index:-1}.folderBacking,.topSecret{background-color:#f0e4cc;position:absolute}.topSecret{box-shadow:inset 0 0 0 5px red;color:red;font-family:serif;font-size:24px;font-weight:700;left:50%;opacity:.75;padding:10px;scale:2;top:50%;transform:translate(-25%,-25%) rotate(45deg);transform-origin:center center;transition:all 0s;transition-delay:.125s}.topSecret:after{background-image:url(http://i.imgur.com/5O74VI6.jpg);background-size:200%;content:"";height:100%;inset:0;mix-blend-mode:lighten;position:absolute;width:100%}.handwrittenNote{font-family:Pacifico;font-size:24px;font-weight:400;right:150px;transform:rotate(-10deg)}.curvedArrow,.handwrittenNote{opacity:.33;position:absolute;top:96px;transform:opacity 0s;transition-delay:.125s}.curvedArrow{background-image:url(/static/media/curvedArrow.4f18b71434be7d1c06be.svg);background-position:50%;background-size:contain;height:64px;right:20px;scale:.8;width:192px}.folder.open .curvedArrow,.folder.open .handwrittenNote{opacity:0}
/*# sourceMappingURL=main.d5c15a2c.css.map*/