body{margin:0;background-image:url(/portfolio/img/layout/body-background.png);display:flex;flex-direction:column;font-family:new-spirit-condensed,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif}html,body{max-width:100%;overflow-x:hidden}header{height:52px;background-image:url(/portfolio/img/layout/headerbg.jpg);background-size:cover;display:flex;flex-direction:column;padding:0 16px;justify-content:space-between;transition:all .3s ease-in-out}.tall-header{height:52px}.header-details-content{width:80%;margin:60px auto 0;text-align:center;padding:16px;background-color:#69524171;border-radius:12px;box-shadow:0 0 8px 5px #5a4c42bf inset;-webkit-box-shadow:0px 0px 8px 5px rgba(90,76,66,.75) inset;-moz-box-shadow:0px 0px 8px 5px rgba(90,76,66,.75) inset}.header-details{height:0px;transition:all .4s ease-in-out}.header-collapsed-content{display:flex;justify-content:space-between;height:52px}.header-details-content h1{margin:0 12px}.header-details-content h3{margin:0}.header-details-content-profile-picture{width:80px;height:80px;border-radius:50%;background-image:url(/portfolio/img/layout/profile.jpg);background-size:cover;background-position:center;margin:0 auto;border:2px solid #000000}.header-details-content-description{font-size:18px}.title-wrapper{display:flex;align-items:start}.project-title{margin:0;font-size:1.3rem}.project-subtitle{margin-top:0;font-size:1rem;font-weight:500;margin-bottom:0}.project-icon{display:inline-block;height:4.2rem;margin-right:12px}.tags-wrapper{margin-top:8px}footer{height:62px;background-image:url(/portfolio/img/layout/footerbg.png);background-repeat:repeat-x;background-size:contain;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 16px;transition:all .3s ease-in-out}.social-container{display:flex;justify-content:space-between;column-gap:12px}.expanded{height:650px}.expanded .about-button{box-shadow:0 0 #00000078,0 -.1em 0 .1em #00000045,0 .1em 0 .1em #ffffff45,-.1em 0 .1em #2f261e inset,0 .1em .1em #00000045 inset,.1em 0 .1em #00000045 inset,0 -.1em .1em #2f261e inset}.expanded .about-button:hover,.expanded .about-button:active{background:linear-gradient(#0000,#00000021),radial-gradient(90% 7% at 50% 8%,#ffffff78 25%,#fff0 50%),#5e5045;box-shadow:.1em .1em .5em #00000078,0 -.1em 0 .1em #00000045,0 .1em 0 .1em #ffffff45,-.1em 0 .1em #3d3128 inset,0 .1em .1em #ffffff45 inset,.1em 0 .1em #ffffff45 inset,0 -.1em .1em #3d3128 inset}.shelf-container{display:flex;min-height:100vh}.shelf{display:flex;flex-wrap:wrap;width:calc(100% - 140px);height:100%;margin:0;padding:0;background-image:url(/portfolio/img/layout/shelf-background.png);background-repeat:repeat}.last-row-fix{height:200px!important}.shelf-last-row{background-image:url(/portfolio/img/layout/shelf-background.png);height:125px;width:100%}.shelf-left{width:70px;min-height:100%;background:linear-gradient(154deg,#695241,#69524100 1%),url(/portfolio/img/layout/edge-left.png);background-repeat:repeat-y}.shelf-right{width:70px;min-height:100%;background:linear-gradient(200deg,#695241,#69524100 1%),url(/portfolio/img/layout/edge-right-bak.png);background-repeat:repeat-y}.shelf-item{position:relative;overflow:hidden;display:flex;align-items:flex-end;height:125px;min-width:-moz-fit-content;min-width:-webkit-fill-available;min-width:fit-content;max-width:100%;padding:10px;margin:128px 20px 27px -34px;transition:all .5s ease-in-out}.shelf-item img{min-width:100%;object-fit:contain;height:100%;display:block;-webkit-filter:drop-shadow(4px 4px 4px #222);filter:drop-shadow(4px 4px 4px #222);transition:all .5s ease-in-out}.shelf-item:hover{transform:scale(1.05);transition:all .1s ease-in-out}.shelf-item-info{display:block;opacity:0;width:calc(100% - 24px);height:0px;left:10px;right:10px;transition:opacity .2s ease-in-out;transition:all .3s ease-in-out;background:linear-gradient(180deg,#cfab8f 2%,#cfab8f00 12%),url(/portfolio/img/layout/infobg.jpg);background-size:contain;box-shadow:0 -8px 8px -2px #cfab8fd9;-webkit-box-shadow:0px -8px 8px -2px rgba(207,171,143,.85);-moz-box-shadow:0px -8px 8px -2px rgba(207,171,143,.85);position:absolute;overflow:auto;border-left:2px solid #997b63;border-right:2px solid #997b63;border-bottom:2px solid #997b63;border-radius:0 0 3px 3px;z-index:50}.shelf-item-info::-webkit-scrollbar{width:3px;height:0px}.shelf-item-info::-webkit-scrollbar-track{background:transparent}.shelf-item-info::-webkit-scrollbar-thumb{background:#cfab8f}.shelf-item-info::-webkit-scrollbar-thumb:hover{background:transparent}.shelf-item-info::-webkit-scrollbar-thumb:active{background:transparent}.shelf-item-info::-webkit-scrollbar-thumb:window-inactive{background:#cfab8f}.shelf-item-info::-webkit-scrollbar-corner{background:transparent}.shelf-item-info .content{padding-inline:24px}body::-webkit-scrollbar{width:0px;height:0px}@media(min-width:769px){.shelf-item{position:relative;overflow:hidden;display:flex;align-items:flex-end;height:240px;min-width:-moz-fit-content;min-width:-webkit-fill-available;min-width:fit-content;max-width:100%;padding:10px;margin:16px 32px 24px}.social-container{column-gap:24px}.header-details-content-description{font-size:20px}.header-details-content{width:69%;max-width:810px}.shelf-left{background:linear-gradient(154deg,#695241,#69524100 3%),url(/portfolio/img/layout/edge-left.png)}.shelf-right{background:linear-gradient(200deg,#695241,#69524100 3%),url(/portfolio/img/layout/edge-right-bak.png)}.shelf-item img{min-width:100%;object-fit:contain;height:100%;display:block;-webkit-filter:drop-shadow(4px 4px 4px #222);filter:drop-shadow(4px 4px 4px #222);transition:all .5s ease-in-out}.shelf-last-row{height:240px}.last-row-fix{height:410px!important}}.page-title{display:flex;align-self:end;opacity:.7;color:#1d1814;margin-bottom:8.5px;height:35px;align-items:center}.page-title span{font-size:28px;font-weight:600;font-family:new-spirit-condensed,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif}.about-button{background:linear-gradient(#0000,#00000021),radial-gradient(90% 7% at 50% 8%,#ffffff78 25%,#fff0 50%),#5e5045;box-shadow:.1em .1em .5em #00000078,0 -.1em 0 .1em #00000045,0 .1em 0 .1em #ffffff45,-.1em 0 .1em #3d3128 inset,0 .1em .1em #ffffff45 inset,.1em 0 .1em #ffffff45 inset,0 -.1em .1em #3d3128 inset;display:center;align-self:end;margin-bottom:8.2px;height:35px;transition:all .15s ease-in-out}.about-button:active,.about-button:hover,.about-button-active{box-shadow:0 0 #00000078,0 -.1em 0 .1em #00000045,0 .1em 0 .1em #ffffff45,-.1em 0 .1em #2f261e inset,0 .1em .1em #00000045 inset,.1em 0 .1em #00000045 inset,0 -.1em .1em #2f261e inset}.about-button-active:active,.about-button-active:hover{background:linear-gradient(#0000,#00000021),radial-gradient(90% 7% at 50% 8%,#ffffff78 25%,#fff0 50%),#5e5045;box-shadow:.1em .1em .5em #00000078,0 -.1em 0 .1em #00000045,0 .1em 0 .1em #ffffff45,-.1em 0 .1em #3d3128 inset,0 .1em .1em #ffffff45 inset,.1em 0 .1em #ffffff45 inset,0 -.1em .1em #3d3128 inset}button{border:0;border-radius:.375em;color:#fff;cursor:pointer;font:14px/1.5 sans-serif;padding:.5em 1em;transition-property:box-shadow;-webkit-tap-highlight-color:transparent}button,button span{display:block;transition-duration:.1s;transition-timing-function:linear}button:focus,button span:focus{outline:none}button span{transition-property:transform;will-change:transform}button:active span{transform:scale(.95)}.social-button{font:20px sans-serif;transition:all .15s ease-in-out;display:flex!important;justify-content:center;align-items:center;height:44px;width:44px}.x-button{background:linear-gradient(#0000,#00000021),radial-gradient(90% 7% at 50% 8%,#ffffff78 25%,#fff0 50%),#535353;box-shadow:.1em .1em .5em #00000078,0 -.1em 0 .1em #00000045,0 .1em 0 .1em #ffffff45,-.1em 0 .1em #232323 inset,0 .1em .1em #ffffff45 inset,.1em 0 .1em #ffffff45 inset,0 -.1em .1em #232323 inset;display:center}.x-button:hover,.x-button:active{box-shadow:0 0 #00000078,0 -.1em 0 .1em #00000045,0 .1em 0 .1em #ffffff45,-.1em 0 .1em #121212 inset,0 .1em .1em #00000045 inset,.1em 0 .1em #00000045 inset,0 -.1em .1em #121212 inset}.bluesky-button{background:linear-gradient(#0000,#00000021),radial-gradient(90% 7% at 50% 8%,#ffffff78 25%,#fff0 50%),#1da1f2;box-shadow:.1em .1em .5em #00000078,0 -.1em 0 .1em #00000045,0 .1em 0 .1em #ffffff45,-.1em 0 .1em #146ea6 inset,0 .1em .1em #ffffff45 inset,.1em 0 .1em #ffffff45 inset,0 -.1em .1em #146ea6 inset;display:center}.bluesky-button:hover,.bluesky-button:active{box-shadow:0 0 #00000078,0 -.1em 0 .1em #00000045,0 .1em 0 .1em #ffffff45,-.1em 0 .1em #0f537e inset,0 .1em .1em #00000045 inset,.1em 0 .1em #00000045 inset,0 -.1em .1em #0f537e inset}.mastodon-button{background:linear-gradient(#0000,#00000021),radial-gradient(90% 7% at 50% 8%,#ffffff78 25%,#fff0 50%),#6364ff;box-shadow:.1em .1em .5em #00000078,0 -.1em 0 .1em #00000045,0 .1em 0 .1em #ffffff45,-.1em 0 .1em #4e4ec9 inset,0 .1em .1em #ffffff45 inset,.1em 0 .1em #ffffff45 inset,0 -.1em .1em #4e4ec9 inset;display:center}.mastodon-button:hover,.mastodon-button:active{box-shadow:0 0 #00000078,0 -.1em 0 .1em #00000045,0 .1em 0 .1em #ffffff45,-.1em 0 .1em #30307f inset,0 .1em .1em #00000045 inset,.1em 0 .1em #00000045 inset,0 -.1em .1em #30307f inset}.github-button{background:linear-gradient(#0000,#00000021),radial-gradient(90% 7% at 50% 8%,#ffffff78 25%,#fff0 50%),#2ea043;box-shadow:.1em .1em .5em #00000078,0 -.1em 0 .1em #00000045,0 .1em 0 .1em #ffffff45,-.1em 0 .1em #258035 inset,0 .1em .1em #ffffff45 inset,.1em 0 .1em #ffffff45 inset,0 -.1em .1em #258035 inset;display:center}.github-button:hover,.github-button:active{box-shadow:0 0 #00000078,0 -.1em 0 .1em #00000045,0 .1em 0 .1em #ffffff45,-.1em 0 .1em #1a5a26 inset,0 .1em .1em #00000045 inset,.1em 0 .1em #00000045 inset,0 -.1em .1em #1a5a26 inset}.rss-button{background:linear-gradient(#0000,#00000021),radial-gradient(90% 7% at 50% 8%,#ffffff78 25%,#fff0 50%),#e57e1f;box-shadow:.1em .1em .5em #00000078,0 -.1em 0 .1em #00000045,0 .1em 0 .1em #ffffff45,-.1em 0 .1em #8c4d12 inset,0 .1em .1em #ffffff45 inset,.1em 0 .1em #ffffff45 inset,0 -.1em .1em #8c4d12 inset;display:center}.rss-button:hover,.rss-button:active{box-shadow:0 0 #00000078,0 -.1em 0 .1em #00000045,0 .1em 0 .1em #ffffff45,-.1em 0 .1em #7b430f inset,0 .1em .1em #00000045 inset,.1em 0 .1em #00000045 inset,0 -.1em .1em #7b430f inset}.id-button{background:linear-gradient(#0000,#00000021),radial-gradient(90% 7% at 50% 8%,#ffffff78 25%,#fff0 50%),#d81fe5;box-shadow:.1em .1em .5em #00000078,0 -.1em 0 .1em #00000045,0 .1em 0 .1em #ffffff45,-.1em 0 .1em #9e16a7 inset,0 .1em .1em #ffffff45 inset,.1em 0 .1em #ffffff45 inset,0 -.1em .1em #9e16a7 inset;display:center}.id-button:hover,.id-button:active{box-shadow:0 0 #00000078,0 -.1em 0 .1em #00000045,0 .1em 0 .1em #ffffff45,-.1em 0 .1em #721179 inset,0 .1em .1em #00000045 inset,.1em 0 .1em #00000045 inset,0 -.1em .1em #721179 inset}.bp-img{background-size:contain!important;background-repeat:no-repeat!important;background-position-x:center!important;background-position-y:center!important}.bp-img img{object-fit:contain!important;height:auto}.tag-badge.svelte-131mczo{display:inline-block;padding:.5em 1em;margin-right:.5em;margin-bottom:.5em;border-radius:9999px;background-color:#00000086;color:#fff;font-size:.9em;font-family:monospace;text-transform:lowercase}.gallery-image.svelte-1wnuyn0{margin:0 1em 1em 0;height:auto;max-height:267px;cursor:pointer;transition:all .2s;object-fit:contain;cursor:zoom-in;border-radius:4px;-webkit-filter:drop-shadow(2px 2px 3px rgba(72,57,45,.705));filter:drop-shadow(2px 2px 3px rgba(72,57,45,.705))}.gallery-image.svelte-1wnuyn0:hover{transform:scale(.98);-webkit-filter:drop-shadow(2px 2px 3px rgba(72,57,45,1));filter:drop-shadow(2px 2px 3px rgba(72,57,45,1))}.lightbox-overlay.svelte-1uopij2{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}.lightbox-container.svelte-1uopij2{position:relative;width:90%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column}.lightbox-content.svelte-1uopij2{display:flex;align-items:center;justify-content:center;width:100%}.lightbox-image-container.svelte-1uopij2{position:relative;display:flex;flex-direction:column;max-width:90%}.lightbox-image.svelte-1uopij2{max-height:80vh;max-width:100%;object-fit:contain}.lightbox-description.svelte-1uopij2{margin-top:10px;color:#fff;text-align:center;padding:10px}.lightbox-close.svelte-1uopij2{position:absolute;top:-40px;right:0;background:transparent;border:none;color:#fff;font-size:28px;cursor:pointer;z-index:1010;display:flex;align-items:center;justify-content:center}.lightbox-nav.svelte-1uopij2{background:#ffffff1a;border:none;color:#fff;font-size:24px;padding:10px;margin:0 10px;cursor:pointer;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center;width:48px;height:48px}.lightbox-nav.svelte-1uopij2:hover:not([disabled]){background:#ffffff4d}.lightbox-nav[disabled].svelte-1uopij2{opacity:.3;cursor:not-allowed}.lightbox-counter.svelte-1uopij2{color:#fff;text-align:center;margin-top:10px}@media(max-width:768px){.lightbox-content.svelte-1uopij2{position:relative;flex-direction:column;padding-bottom:60px}.lightbox-image-container.svelte-1uopij2{max-width:100%;order:1}.lightbox-nav.svelte-1uopij2{position:absolute;bottom:0;font-size:20px;padding:8px;width:40px;height:40px}.lightbox-nav.prev.svelte-1uopij2{left:calc(50% - 50px)}.lightbox-nav.next.svelte-1uopij2{right:calc(50% - 50px)}.lightbox-close.svelte-1uopij2{font-size:24px;top:-35px}.lightbox-image.svelte-1uopij2{max-height:75vh}}a.svelte-ke78g7{color:#000;text-decoration:none;font-weight:700;margin-right:1em;transition:transform .2s}a.svelte-ke78g7:hover{transform:scale(1.05)}.link.svelte-ke78g7{display:inline-block;padding:.55em 1em;margin-right:.5em;border-radius:6px;border:1.4px solid #fff;background-color:#000;color:#fff;font-size:1.2em;font-family:monospace}.gallery.svelte-1n46o8q{display:flex;flex-wrap:nowrap;width:100%;overflow-x:auto;justify-content:start;align-items:start;padding:1em .6em}.gallery.svelte-1n46o8q::-webkit-scrollbar{width:0px;height:3px}.gallery.svelte-1n46o8q::-webkit-scrollbar-track{background:transparent}.gallery.svelte-1n46o8q::-webkit-scrollbar-thumb{background:#cfab8f}.gallery.svelte-1n46o8q::-webkit-scrollbar-thumb:hover{background:transparent}.gallery.svelte-1n46o8q::-webkit-scrollbar-thumb:active{background:transparent}.gallery.svelte-1n46o8q::-webkit-scrollbar-thumb:window-inactive{background:#cfab8f}.gallery.svelte-1n46o8q::-webkit-scrollbar-corner{background:transparent}.links.svelte-1n46o8q{display:flex;align-items:start;flex-wrap:wrap}.social-container.svelte-1n46o8q a:where(.svelte-1n46o8q){text-decoration:none}a.svelte-1n46o8q{text-decoration:underline;color:#000}a.svelte-1n46o8q:hover{font-style:italic}.content.svelte-1n46o8q{display:flex;flex-direction:column;justify-content:start;align-items:start;flex-wrap:wrap}.text-wrapper.svelte-1n46o8q,.gallery-wrapper.svelte-1n46o8q{width:100%}.links-wrapper.svelte-1n46o8q{margin-top:1rem;width:100%}@media(min-width:768px){.content.svelte-1n46o8q{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.text-wrapper.svelte-1n46o8q,.gallery-wrapper.svelte-1n46o8q{width:49%}.links-wrapper.svelte-1n46o8q{margin-top:0;width:100%}}