:root{--font-heading:"Cera";--font-body:"Inter";--font-size-largest:3.5rem;--letter-spacing-largest:4px;--font-size-large:2.5rem;--line-height-large:3.5rem;--font-size-bigger:1.7rem;--line-height-bigger:2rem;--font-size-big:1.4rem;--line-height-big:1.8rem;--letter-spacing-big:1px;--font-size-regular:.75rem;--line-height-regular:1.5rem;--letter-spacing-regular:1.8px;--font-size-small:.65rem;--line-height-small:1rem;--color-background:#fff;--color-text:#000;--color-lightergray:#f7f7f7;--color-lightgray:#ddd;--color-darkgray:#999}@font-face{font-family:Inter;src:url(/assets/inter-c8O0ljhh.ttf)format("truetype-variations");font-weight:100 900;font-display:swap}@font-face{font-family:Cera;src:url(/assets/cera-pro-B81BWT1c.otf)format("opentype");font-display:swap}*{box-sizing:border-box}body{font-family:var(--font-body);color:var(--color-text);margin:0}::-webkit-scrollbar{display:none}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1{font-family:var(--font-heading);font-size:var(--font-size-largest);letter-spacing:var(--letter-spacing-largest);margin:0;font-weight:400}h2{font-family:var(--font-heading);font-size:var(--font-size-large);line-height:var(--line-height-large);letter-spacing:var(--letter-spacing-largest);margin:0;font-weight:400}h3{font-family:var(--font-heading);font-size:var(--font-size-bigger);line-height:var(--line-height-bigger);letter-spacing:var(--letter-spacing-largest)}h4{font-family:var(--font-heading);font-size:var(--font-size-big);line-height:var(--line-height-big);letter-spacing:var(--letter-spacing-big)}#mobile{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100vw;height:90vh;padding:2rem;display:flex}#mobile h2{font-size:var(--font-size-big);line-height:var(--line-height-big);letter-spacing:var(--letter-spacing-big);margin:0}#mobile p{font-family:var(--font-body);font-size:var(--font-size-regular);line-height:var(--line-height-regular);letter-spacing:var(--letter-spacing-regular);margin:0}#mobile img{width:auto;height:4rem}.snap{scroll-snap-align:center;scroll-snap-stop:always;flex-direction:column;justify-content:center;gap:1rem;height:100vh;display:flex}h1 .url:hover{cursor:pointer;text-decoration:underline}#snapper{scroll-snap-type:y mandatory;flex-direction:column;width:100%;height:100vh;padding:0 4rem;display:flex;overflow-y:scroll}#snapper>div{flex-direction:column;display:flex}#landing{gap:0}#name{text-decoration:underline}.dud{color:#757575}.striked{text-decoration:line-through}#bio{padding:.5rem 3rem 0 0}#cursor{animation:1s step-start infinite blink}@keyframes blink{50%{opacity:0}}#pagination{width:100%;padding:0 3rem 2rem;display:flex;position:fixed;bottom:0;left:0}#count{font-size:var(--font-size-regular);letter-spacing:var(--letter-spacing-regular)}#tooltip{flex-direction:column;display:flex;position:fixed}#tooltip.invisible{display:none}#send,#erase{cursor:pointer;font-size:var(--font-size-regular);color:var(--color-text);letter-spacing:var(--letter-spacing-regular);background-color:var(--color-background);border:1.25px solid var(--color-text);min-width:15rem;padding:.75rem 1.5rem;position:relative}#send{border-radius:15px 15px 0 0;overflow:hidden}#send span{z-index:1;position:relative}#overlay{background:var(--color-lightgray);z-index:0;width:0%;height:100%;transition:width 1s linear;position:absolute;top:0;left:0}#erase{border-top:none;border-radius:0 0 15px 15px}#send:hover,#erase:hover{background-color:var(--color-lightergray)}#draw{text-align:center;color:#aaa;flex-direction:column;justify-content:center;width:60%;height:100%;display:flex;position:relative}#instruction{position:absolute;top:50%;left:50%}#instruction.invisible{display:none}#contact{width:100vw;height:100vh;overflow:none;flex-direction:row;justify-content:space-between;gap:4rem;padding:0 4rem;display:flex;position:relative}#social{flex-direction:column;justify-content:center;gap:2rem;width:40%;height:100%;display:flex}#me{cursor:default;border-bottom:4px dashed #000;display:inline-block}#email{cursor:pointer}#actions{flex-direction:column;gap:.5rem;display:flex}h3{margin:0}h3 a{text-decoration:underline;font-size:inherit!important}#selfie{width:auto;height:50vh;position:absolute}#selfie.invisible{display:none}html,body{height:100%;overflow:hidden}#main{flex-direction:row;justify-content:space-between;gap:4rem;width:100vw;height:100vh;padding:0 4rem;display:flex;overflow:hidden}#hook{flex-direction:column;flex-grow:0;gap:.5rem;min-width:35%;max-width:35%;padding-top:15%;padding-bottom:5%;display:flex;overflow-y:scroll}h3{line-height:3rem}#tools{color:var(--color-darkgray);margin-top:.5rem;margin-bottom:1rem;line-height:1.75rem}#audio{align-items:center;gap:1rem;margin-top:3.5rem;display:flex}#playback{width:2.5rem;height:2.5rem}#playback img{cursor:pointer;width:100%;height:100%}#audio h4{margin:0;font-weight:400}#transcript{color:var(--color-darkgray);cursor:pointer;margin-top:2rem;margin-bottom:1rem}#transcript:hover{text-underline-offset:.5rem;text-decoration:underline}#script{letter-spacing:.9px;font-size:.7rem;line-height:1.5rem;display:block}#script.invisible{display:none}#gallery{flex-direction:column;flex-grow:1;align-items:center;gap:4rem;height:100%;padding-top:10%;padding-bottom:20%;display:flex;overflow-y:scroll}#gallery .image{width:100%;height:auto;position:relative}.image img{width:100%;height:auto}.caption{background-color:#fff;border:1.25px solid #000;border-radius:15px;width:fit-content;padding:.75rem 1rem;font-size:.75rem;line-height:1.2rem;position:absolute;top:calc(100% - 1.5rem);left:5%}.caption p{letter-spacing:1.2px;margin:0;padding:0;font-size:.75rem}.video{width:100%;position:relative}.video video{width:100%;height:auto}.playback{background-color:#ffffff80;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.playback img{cursor:pointer;width:3rem;height:3rem;display:block}.playback.invisible{display:none}img.border{border:1px solid #eaeaea!important}#links{flex-direction:column;justify-content:center;align-items:center;gap:4rem;min-width:10%;height:100%;display:flex}#canvas{z-index:-1;width:100vw;height:100vh;position:fixed}#canvas.invisible{display:none}#menu{z-index:1;gap:2rem;width:100%;padding:4rem;display:flex;position:fixed;top:0;left:0}button{font:inherit;background:0 0;border:none;padding:0}button,a{font-size:var(--font-size-regular);line-height:var(--line-height-regular);letter-spacing:var(--letter-spacing-regular);text-underline-offset:.5rem;cursor:pointer}button:hover,a:hover{text-underline-offset:.5rem;text-decoration:underline}#home{text-underline-offset:.5rem;margin-right:auto}.folder{text-align:center;flex-direction:column;align-items:center;gap:.5rem;min-width:fit-content;display:flex}.folder img{cursor:pointer;width:3rem;height:auto}.folder small{font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-regular);margin-top:.5rem;line-height:1rem}.screen{opacity:0;visibility:hidden;pointer-events:none;background-color:var(--color-background);z-index:2;width:100vw;height:100vh;transition:opacity .5s;position:fixed;top:0;left:0}.screen.visible{opacity:.5;visibility:visible;transition:opacity .3s}.wrapper{opacity:0;visibility:hidden;pointer-events:none;z-index:3;flex-direction:row;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .2s,transform .2s,visibility 0s .2s;display:flex;position:absolute;top:0;left:0;transform:translateY(20vh)}.wrapper.visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s,transform .2s;transform:translateY(0)}.dialog{background-color:var(--color-background);border:2px solid var(--color-text);border-radius:25px;flex-direction:column;gap:1rem;width:40%;padding:2rem 3rem 0;display:flex}.close{display:flex}.close h3{font-size:var(--font-size-bigger);cursor:pointer;margin-left:auto;font-weight:600}.folders{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);row-gap:3rem;margin-bottom:2rem;display:grid}.tooltip{visibility:hidden;font-size:var(--font-size-small);letter-spacing:var(--letter-spacing-regular);line-height:var(--line-height-small);background-color:var(--color-background);border:1.25px solid var(--color-text);z-index:4;border-radius:15px;width:16rem;padding:1rem 2rem 1rem 1rem;position:fixed}.tooltip.visible{visibility:visible}.dialog{width:35%;padding-bottom:3rem}#captcha input{border:none;border-bottom:4px solid var(--color-text);font-family:var(--font-heading);font-size:var(--font-size-bigger);line-height:var(--line-height-large);letter-spacing:var(--letter-spacing-largest);outline:none}#captcha input::placeholder{color:var(--color-lightgray)}small{font-size:var(--font-size-regular);letter-spacing:var(--letter-spacing-regular);line-height:var(--line-height-bigger)}.gray{color:var(--color-darkgray)}#transition{opacity:0;visibility:hidden;background-color:var(--color-background);z-index:100;width:100vw;height:100vh;transition:opacity .5s,visibility 0s .5s;position:fixed;top:0;left:0}#transition.visible{opacity:1;visibility:visible;transition:opacity .5s}#transition>div{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#kaomoji{font-size:10rem}