@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap);@font-face{font-family:webflow-icons;font-style:normal;font-weight:400;src:url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype")}*{--white:#fff;--black:#0b0e10;--blue:#373cf1;--red:#fb6514;--green:#16aa63;--yellow:#dfae29;--text-secondary:#0f0f0e80;--attention:#c78f1f;--card-bg:#fff;--card-bg-hover:#fafafa;--text-color-secondary:#292524;--text-color-tertiary:#a3a3a3;--faded-black:#1b1b18cc;box-sizing:border-box;margin:0;padding:0}:root{--background-color:#f6f4f0;--text-color:#171717}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;background-color:#f6f4f0;background-color:var(--background-color);color:var(--faded-black);font-family:Quicksand,serif;font-optical-sizing:auto;font-size:min(6vw,24px);font-weight:500;letter-spacing:1px;line-height:1.5}.main,body{position:relative}.main{overflow-x:hidden}a{color:var(--white);text-decoration:none}.container{margin:10px auto;max-width:370px;overflow:hidden;padding:10px;width:100%}.container,.header{position:relative}.header .animation-distortion{display:flex;justify-content:center;margin-top:-200px;transform:rotate(180deg)}.header .animation-distortion:hover{cursor:pointer}.header img{border-radius:6px;height:500px;margin-bottom:20px;object-fit:cover;width:100%}.header .heading{color:var(--black);font-family:Barlow Condensed,serif;font-size:36px;font-style:normal;font-variation-settings:"wght" 250;font-weight:500;letter-spacing:2px;letter-spacing:normal;line-height:100%}.header .sub-heading{align-items:center;color:var(--blue);display:flex;font-family:PT Mono,monospace;font-size:15px;font-weight:500;gap:5px;margin-top:8px}.header .about{background-color:var(--card-bg);border-radius:4px;color:var(--faded-black);font-size:15px;margin-top:32px;padding:16px}.section-title{color:var(--black);font-family:Barlow Condensed,serif;font-size:24px;font-variation-settings:"wght" 400;font-weight:500;letter-spacing:normal;line-height:150%;margin-top:30px}.now .now-list{color:var(--faded-black);font-size:15px;margin-left:16px}.now .now-item-url{color:var(--yellow);opacity:.8;transition:all .3s ease}.now .now-item-url:hover{opacity:1}.now .list-wrapper{position:relative}.now .list-wrapper #bird{height:24px;position:absolute;right:20px;top:-23px;transform:scaleX(-1);width:24px;z-index:1}.list-wrapper{background-color:var(--card-bg);border-radius:4px;margin-top:4px;padding:16px}.projects .projects-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:4px}.projects .projects-list .status{align-items:center;border-radius:12px;color:var(--white);display:flex;font-size:12px;font-weight:800;height:20px;justify-content:center;padding:8px}.projects .projects-list .status.paused{background-color:var(--yellow)}.projects .projects-list .status.live{background-color:var(--blue)}.projects .projects-list .status.building,.projects .projects-list .status.completed{background-color:var(--green)}.projects .projects-list .status.archived{background-color:var(--attention)}.projects .projects-list .info{width:100%}.projects .projects-list .info .header{display:flex;justify-content:space-between;width:100%}.projects .projects-list .info .title{color:#171717;color:var(--text-color);font-size:16px;font-weight:600;letter-spacing:normal}.projects .projects-list .info a:hover{cursor:pointer;opacity:.9}.projects .projects-list .info .description{color:var(--faded-black);font-size:15px;margin-top:12px}.projects .projects-list .info img{border-radius:8px;height:120px;margin-top:16px;width:100%}.projects .project{background-color:var(--card-bg);border-radius:4px;margin-top:8px;padding:16px}.projects .project:first-of-type{margin-top:0}.projects .project:hover{background-color:var(--card-bg-hover);cursor:pointer;transition:background-color .3s ease}.social{align-items:center;display:flex;font-size:15px;justify-content:space-between;margin-top:40px}.social .social-item{position:relative}.social .social-item:first-of-type .tooltip-text{left:calc(50% + 16px)}.social .social-item:hover{cursor:pointer}.social .social-item:hover .tooltip-text{display:block}.social .tooltip-text{background-color:#333;border-radius:4px;bottom:calc(100% + 8px);color:#fff;display:none;font-size:12px;font-weight:600;left:50%;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap}.social .section-emoji{flex:1 1;font-size:20px;text-align:end}.social ul{display:flex;flex-wrap:wrap;gap:12px;list-style-type:none;margin-top:16px}.social li a{color:var(--color);transition:all .3s ease}.social li a:hover svg{fill:#373cf1;transition:all .3s ease}.social svg{fill:#aeaeb4;height:20px;width:20px}.social li a:hover{cursor:pointer}.divider{text-align:center}.books-section{display:flex;flex-direction:column;margin-top:16px}.books-section .section-title{font-size:40px;margin-bottom:8px}.books-section .books-list{display:flex;flex-wrap:wrap;gap:8px}.books-section .books-list .book{background-color:var(--card-bg);border-radius:6px;display:flex;flex:1 0 40%;flex-direction:column;gap:8px;height:330px;justify-content:space-between;max-width:171px;padding:12px;position:relative;transition:all .3s ease;width:200px}.books-section .books-list .book .book-status{color:var(--faded-black);font-size:12px;font-weight:600;position:absolute;top:12px}.books-section .books-list .book:hover{background-color:var(--card-bg-hover);cursor:pointer}.books-section .books-list .book:hover img{cursor:pointer;transform:translateY(30px);transition:transform .3s ease}.books-section .books-list .book img{border-radius:4px;cursor:pointer;height:235px;transform:translateY(0);transition:transform .3s ease;width:100%;z-index:3}.books-section .books-list .book .book-title{color:#171717;color:var(--text-color);font-size:14px}.books-section .books-list .book .book-author{color:var(--text-secondary);font-size:12px;font-weight:600;margin-top:8px}.books-section .books-carousal{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:16px}.books-section .books-carousal span{height:24px;width:24px}.books-section .books-carousal span:hover{cursor:pointer;opacity:.8;transition:opacity .3s ease}.books-section .books-carousal svg{height:100%;width:100%}.bookmarks-section .section-title{font-size:40px;margin-bottom:8px}.bookmarks-section .bookmarks-list{display:flex;flex-direction:column;gap:8px}.bookmarks-section .bookmarks-list .bookmark{align-items:center;background:var(--card-bg);border:1px solid #e8e7e0;border-radius:4px;color:#171717;color:var(--text-color);display:flex;font-size:14px;height:40px;justify-content:space-between;padding:0 12px;width:100%}.bookmarks-section .bookmarks-list .bookmark a{color:#171717;color:var(--text-color)}.bookmarks-section .bookmarks-list .bookmark:hover{background-color:var(--card-bg-hover);cursor:pointer;transition:background-color .3s ease}.bookmarks-section .bookmarks-list .bookmark:hover svg{transform:rotate(-10deg);transition:transform .8s ease}.bookmarks-section .bookmarks-list .bookmark:first-of-type a{color:var(--blue)}.bookmarks-section .bookmarks-list .bookmark:first-of-type svg{color:var(--blue);transition:color .3s ease}.bookmarks-section .bookmarks-list .bookmark:nth-of-type(4n) a{color:var(--red)}.bookmarks-section .bookmarks-list .bookmark:nth-of-type(4n) svg{color:var(--red);transition:color .3s ease}.bookmarks-section .bookmarks-list .bookmark:nth-of-type(3n) a{color:var(--green)}.bookmarks-section .bookmarks-list .bookmark:nth-of-type(3n) svg{color:var(--green);transition:color .3s ease}.bookmarks-section .bookmarks-list .bookmark:nth-of-type(5n) a{color:var(--blue)}.bookmarks-section .bookmarks-list .bookmark:nth-of-type(5n) svg{color:var(--blue);transition:color .3s ease}.bookmarks-section .bookmarks-list .bookmark:last-of-type a{color:var(--red)}.bookmarks-section .bookmarks-list .bookmark:last-of-type svg{color:var(--red);transition:color .3s ease}.wave{align-items:center;display:flex;justify-content:center;margin-bottom:-20px;margin-top:20px;width:100%}.wave svg{height:20px;width:90px}.wave path{stroke:#0389ff;stroke-width:2px;stroke-linecap:round;fill:none}.navbar{align-items:center;border:1px solid #e8e7e0;border-radius:6px;box-shadow:0 2px 4px #0000000d;display:flex;font-size:14px;gap:4px;height:32px;justify-content:space-between;margin-bottom:30px;margin-top:20px;padding:8px 2px}.navbar .navbar-item a{border-radius:4px;padding:4px 12px}.navbar .navbar-item a:hover{background-color:#eae9e3;cursor:pointer;transition:background-color .2s ease}.navbar .navbar-item a{color:#171717;color:var(--text-color)}.navbar .navbar-item.active a{background-color:#e8e7e0}.navbar .navbar-item:first-of-type{flex:1 1}.magnetLines-container{align-items:center;background-color:var(--card-bg);border-radius:4px;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(5,1fr);height:400px;justify-items:center;margin-bottom:16px;padding:10px;width:344px}.magnetLines-container span{display:block;transform:rotate(var(--rotate));transform-origin:center;will-change:transform}.list-wrapper.work-list{padding:8px}.list-wrapper.work-list,.work-section{display:flex;flex-direction:column;gap:4px}.work-section{justify-content:space-between;margin-top:16px}.work-section .work{background-color:var(--card-bg-hover);border-radius:4px;display:flex;flex-direction:column;justify-content:space-between;padding:8px}.work-section .work.expanded .redirect-link svg{transform:rotate(90deg);transition:transform .3s ease}.work-section .work .work-header{display:flex;justify-content:space-between;width:100%}.work-section .work .work-content{display:flex;flex-direction:column;font-size:12px;gap:4px;margin-top:24px}.work-section .work .work-content svg{fill:#171717;fill:var(--text-color);height:16px;min-width:16px;width:16px}.work-section .work:hover{background-color:#f5fff3;cursor:pointer;transition:background-color .3s ease}.work-section .work img{height:20px;width:auto}.work-section .work .info{display:flex;flex-direction:column;gap:8px;margin-left:8px}.work-section .work .info>div{color:var(--black);display:flex;font-size:15px;justify-content:flex-end}.work-section .work .subtitle{color:var(--text-color-tertiary);font-size:12px;font-weight:600}.work-section .work .redirect-link{align-items:center;color:var(--blue);display:flex;font-size:12px;font-weight:600;gap:4px}.work-section .work .redirect-link path{fill:var(--blue)}.work-section .work .redirect-link svg{height:16px;transition:transform .3s ease;width:16px}.work-section .list-item{align-items:flex-start;color:var(--black);display:flex;gap:6px}.work-section .list-links{color:var(--blue)}
/*# sourceMappingURL=main.72081ef1.css.map*/