:root{font-size:.8rem}body{background-image:url(/portfolio/assets/background-qjwHe_SV.png);background-repeat:repeat-y;background-size:100vw;image-rendering:pixelated;margin:0;font-family:Cabin,sans-serif}body.overlay{overflow:hidden}img{image-rendering:auto}h1{font-weight:400;font-family:Secular One,sans-serif}#jumbotron{background-image:url(/portfolio/assets/jumbotron-BZzCrvd5.png);background-size:cover;background-position:center;padding:14rem 0;text-align:center;color:#fff;text-shadow:0 0 2rem #0008}#jumbotron-content{background-color:#0004;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 16px #0008;padding-top:1rem;padding-bottom:2rem}#jumbotron h1{font-size:8rem;margin:0}#jumbotron h2{color:#fff;font-size:3rem;font-style:italic;font-weight:400;margin:0}nav{display:flex;justify-content:center;background-color:#17d3;box-shadow:0 4px 8px #0008;color:#fff;font-size:3rem;text-align:center;font-weight:700}.nav-spacer{flex:1 0}#nav-items{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:.5rem}.nav-item{cursor:default}#sort-container{padding:.75rem 0 .25rem;background-color:#0005}#sort{display:flex;width:min-content;margin:0 auto}.toggle-option{font-size:1.5rem;font-weight:700;color:#fff;transition:color .2s;-webkit-user-select:none;user-select:none}.toggle-option:hover{color:#bef}.toggle-option:after{content:"";display:block;width:0;transition:width .5s;height:.125rem;margin:0 auto;background-color:#4ef}.toggle-option.active:after{width:100%}.toggle-option.active{color:#6ef}.toggle-button{position:relative;margin:0 1rem}.toggle-button:before{content:"";display:block;margin:.67rem 0;width:2rem;height:.67rem;border-radius:.33rem;background-color:#489}.toggle-button:after{content:"";display:block;position:absolute;width:1.5rem;height:1.5rem;top:50%;transform:translate(-25%,-50%);left:0;transition:left .5s,transform .5s,background-color .2s;border-radius:.75rem;background-color:#6de}.toggle-button:hover:after{background-color:#5cd}.toggle-button:active:after{background-color:#4bc}.toggle-button.active:after{left:2rem;transform:translate(-75%,-50%)}#creations-desc{max-width:80rem;margin:0 auto 1.5rem;padding:2rem 3rem;box-sizing:border-box;background-color:#1383;box-shadow:0 0 8px #000;border-radius:0 0 1.5rem 1.5rem;color:#fff;font-size:1.75rem;text-align:center}#creations-desc p{margin:.5em 0}#show-more-button{margin:2rem;color:#fff;text-align:center;font-size:1.75rem;text-decoration:underline;cursor:pointer}#show-more-button.deactivated{display:none}footer{background-color:#000420;box-shadow:0 0 2rem #0008;color:#fff;margin-top:3rem;padding:3rem;font-size:1.3rem;text-align:center}.item-tab{color:#fff;display:flex;flex-flow:column nowrap;align-items:center;padding:0}.item-container{padding:.5rem 0;width:100%}.item-container:nth-child(odd){background-color:#0005}.item{display:flex;flex-flow:row nowrap;justify-content:center;align-items:start;margin:0 auto;max-width:80rem}.item-container:nth-child(2n) .item{flex-flow:row-reverse nowrap}.item-region.media{flex:0 0 auto;transition:transform .4s}.item-region.media *{height:20rem;aspect-ratio:16 / 9;object-fit:cover}.item-region.media .bottom{object-position:bottom}.item-region.info{flex:1 1 auto}.item-region h1{font-size:2rem;margin:0;transition:transform .4s;transform-origin:left}.item-region:hover h1{transform:scale(1.05)}.item-region.media:hover{transform:scale(1.025)}.item-meta{display:flex;flex-flow:row wrap;margin:0 0 .75rem}.item-meta div{font-size:1.5rem;font-style:italic;line-height:.5;margin:0 2rem 0 1rem}.item-tags{display:flex;flex-flow:row wrap}.tag{padding:.2rem .6rem;border-radius:2rem;margin:0 .5rem .5rem 0;color:#000;font-weight:700}.tag.red{background-color:#f54}.tag.orange{background-color:#f82}.tag.yellow{background-color:#ee2}.tag.green{background-color:#2e2}.tag.aqua{background-color:#2be}.tag.blue{background-color:#48f}.tag.purple{background-color:#c7f}.tag.gray{background-color:#ccc}.tag.white{background-color:#fff}summary{margin:.5rem 0;font-size:1.25rem;line-height:1.4em}.more-button{font-size:1.25rem;text-decoration:underline;display:inline-block}.overlay-trigger{cursor:pointer}.gallery{margin:1rem auto 0;padding:0 2rem}.gallery-media-container{height:27rem;text-align:center}.gallery-media{position:relative;height:100%;display:inline-flex}.gallery-media>*{display:block;margin:0 auto;height:100%;object-fit:contain;max-width:100vw;max-height:100vh}.gallery-caption{text-align:center;font-size:1.15rem;padding:.25rem 0}.gallery-thumbnails-wrapper{display:flex;flex-flow:row nowrap;align-items:center}.gallery-thumbnails-wrapper .arrow{margin:1rem}.gallery-thumbnails-wrapper .arrow .arrow-button{height:3rem;padding:1rem;stroke:#fff;transition:stroke .2s}.gallery-thumbnails-wrapper .arrow .arrow-button:hover{stroke:#0ef}.gallery-thumbnails-wrapper .arrow .arrow-button:active{stroke:#08f}.gallery-thumbnails-wrapper .arrow.disabled .arrow-button{stroke:#fff2}.gallery-thumbnails-wrapper .arrow.arrow-left{order:-1;transform:rotate(180deg)}.gallery-thumbnails-wrapper .arrow.arrow-right{order:1}.gallery-thumbnails-container{overflow:hidden}.gallery-thumbnails{position:relative;height:9rem;padding:1rem 0;box-sizing:border-box;box-shadow:0 0 #0ef;display:inline-flex;flex-flow:row nowrap}.gallery-thumbnails>div{position:relative;height:100%;margin:0 .5rem;box-sizing:border-box;transition:box-shadow .2s,transform .2s;cursor:pointer}.gallery-thumbnails>div:hover{box-shadow:0 0 .3rem .2rem #08f;transform:scale(1.025)}.gallery-thumbnails>div.active{box-shadow:0 0 .3rem .2rem #0ef;transform:scale(1.05) translateY(-4%)}.gallery-thumbnail-image{height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.8;height:5rem;-webkit-user-select:none;user-select:none}.fullscreen-icon{position:absolute;bottom:1rem;right:1rem;height:2rem;transition:transform .2s}.fullscreen-icon:hover{transform:scale(1.05) rotate(6deg)}.fullscreen-icon:active{transform:scale(1.1) rotate(10deg)}#overlay-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0008;display:none}#overlay-container.active{display:block}#overlay{position:absolute;width:70rem;top:50%;left:50%;transform:translate(-50%,-50%);max-height:90%;overflow-y:auto;background-image:linear-gradient(to bottom,#002030,#000815);padding:2rem;border-radius:2rem;box-shadow:0 0 4rem #000;color:#fff}button{outline:none;font-family:inherit;border:none}.close-button{position:absolute;top:.8rem;right:1rem;padding:0 .5rem;background:none;font-size:2rem;vertical-align:super;color:#fff;transform:scaleX(1.2);transition:color .15s}.close-button:hover{color:#ebb}.close-button:active{color:#e66}#overlay h1{font-size:2rem;margin:0;text-align:center}#overlay .item-tags,#overlay .item-meta{justify-content:center}#overlay>.item-meta>div{margin:0 1.5rem}summary p{text-indent:2em}div.quote{font-size:1.5em;text-align:center}.quote-author{font-size:1.25em;text-align:center;margin-top:.4em;margin-bottom:1em}a{color:inherit}