:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:AdvercaseFont;src:url(/assets/AdvercaseFont-Regular-DqLt2LrV.otf) format("opentype");font-weight:100;font-style:light;font-display:swap}body{margin:0;letter-spacing:.1rem}:root{line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#root{margin:0;padding:0;text-align:center;display:grid;grid-template-rows:auto auto 1fr;width:100%;height:100vh;padding:0 10rem;box-sizing:border-box}main{display:flex;height:100%;overflow:hidden;gap:1rem}aside{width:15%;display:flex;flex-direction:row;text-align:start}aside ul{list-style-type:none;display:flex;flex-direction:column;gap:1.5rem;width:100%;padding:0}aside button{all:unset;width:100%;box-sizing:border-box;padding:0 2rem;border-radius:1rem;cursor:pointer;border:1px solid black;font-family:AdvercaseFont,Arial,sans-serif;font-style:italic;font-size:x-large;transition:all ease-in .1s}aside button:hover{transform:translateY(-4px);background-color:#cfe}#projects{position:relative;width:100%;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;transition:all ease-in-out .5s}.aside-border{justify-self:end}#projects div{cursor:pointer;display:flex;flex-direction:row;justify-content:space-between}#projects div:hover{color:#717171}#projects span{font-family:AdvercaseFont,Arial,sans-serif;font-size:.9rem}.nav-button{background-color:#fff}.nav-button:disabled{filter:brightness(90%);cursor:default}.nav-button:disabled:hover{transform:translateY(0);background-color:#fff}#navbar{font-family:AdvercaseFont,Arial,sans-serif;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.25rem 2rem;box-sizing:border-box}#navbar div{text-align:end}#content{box-sizing:border-box;padding:1rem;width:100%;display:flex;flex-direction:column;align-items:center}.cards{height:100%;width:100%;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;box-sizing:border-box;padding-right:1rem}.card{scroll-snap-align:start;min-height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0 2rem 2rem;width:100%;transition:transform .42s cubic-bezier(.2,.9,.2,1),opacity .42s ease;opacity:0;transform:translateY(12px)}.card.in-view{opacity:1;transform:none}.card.in-view div{transform:translateY(-40%)}.reveal{opacity:0;animation:reveal .48s cubic-bezier(.2,.9,.2,1) forwards;height:100%;overflow:scroll}@keyframes reveal{to{opacity:1;transform:translateY(0)}}.intro-text{font-family:AdvercaseFont,Arial,sans-serif;font-size:36px;text-wrap:stable}#about-page{text-align:start;display:flex;flex-direction:column;gap:2rem;height:100%;width:100%;overflow-y:auto;scrollbar-gutter:stable;padding-right:1rem}#about-page ul{list-style:none;padding:0;margin:0}#about-page ul li{position:relative;padding:.35rem 0}#about-page ul li:has(span+span){width:95%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem}#about-page ul li span:first-child{grid-column:1;white-space:nowrap}#about-page ul li span:last-child{grid-column:3;white-space:nowrap;margin-left:.5rem}#about-page ul li:has(span+span):before{content:"";grid-column:2;height:1px;width:100%;justify-self:stretch;background-image:radial-gradient(currentColor 50%,#0000 51%);background-size:6px 6px;background-repeat:repeat-x;opacity:.45}.dotted-line{display:block;width:100%;min-width:1rem;border-top:1px dashed #767b80;box-sizing:border-box}#contact-page{font-family:AdvercaseFont,Arial,sans-serif;font-size:24px;height:100%;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}#contact-page div{transform:translateY(-50%)}#contact-list{margin-top:3rem;display:flex;gap:3rem;justify-content:center}#contact-list a:visited{color:inherit}#contact-list a{color:inherit;text-decoration:none}#project-main{font-family:AdvercaseFont,Arial,sans-serif;width:70%;position:relative}#project-main h1{color:#fff;background-color:#000}#project-main h1:before{content:"-";padding-right:1rem}#project-main h1:after{content:"-";padding-left:1rem}#project-main ul{list-style:none;padding:0;margin:0;text-align:start}#project-main ul li>:first-child{transition:transform .18s ease}#project-main ul li:hover>:first-child{transform:translateY(-10%)}#project-main ul li:has(span+span){display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;cursor:pointer}#project-main ul li span:first-child{grid-column:1;white-space:nowrap}#project-main ul li span:last-child{font-weight:100;grid-column:3;white-space:nowrap;margin-left:.5rem}#project-main ul li:has(span+span):before{content:"";grid-column:2;height:5px}.cormorant-garamond{font-family:Cormorant Garamond,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.project-home-button{font-family:AdvercaseFont,Arial,sans-serif;position:fixed;top:9rem;right:15rem;display:inline-flex;align-items:center;justify-content:center;padding:8px;gap:1rem;border:2px black solid;border-radius:8px;text-decoration:none;background:#fff;cursor:pointer;z-index:2}#infinite-canvas-page{height:100%;width:100%;overflow:scroll;box-sizing:border-box;padding:0 auto;display:flex;flex-direction:column;align-items:center;position:relative}#infinite-canvas-page h1{font-family:AdvercaseFont,Arial,sans-serif}#infinite-canvas-page article{margin-top:1rem;text-align:start;width:700px;font-size:20px}#infinite-canvas-page .cormorant-garamond{font-weight:500}.infinite-canvas-container{border:2px solid black;display:flex;align-items:center;justify-content:center;position:relative;width:700px}#infinite-canvas-page ul li:has(span+span){display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:0;margin:0}#infinite-canvas-page ul li span:first-child{grid-column:1;white-space:nowrap}#infinite-canvas-page ul li span:last-child{font-weight:100;grid-column:3;white-space:nowrap;margin-left:.5rem}#infinite-canvas-page ul li:has(span+span):before{content:"";grid-column:2;height:5px}#add-image-button{position:absolute;top:1rem;left:1rem;display:inline-flex;align-items:center;justify-content:center;padding:8px;gap:1rem;border:1px black #57606a;border-radius:8px;color:#57606a;text-decoration:none;background:#fff;cursor:pointer;z-index:2;font:500 16px system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial}