body{background-image:linear-gradient(to bottom left,#003ba833,#6200a84d)}header{background-image:url(/Beach.jpg?w=1080);background-repeat:no-repeat;background-position:center center;background-size:cover}header,#art,#portfolio{box-shadow:#0000004d 0 0 32px}#websites:target~.project:not([data-project-tags*=website]){display:none}#games:target~.project:not([data-project-tags*=game]){display:none}#infrastructure:target~.project:not([data-project-tags*=infrastructure]){display:none}#design:target~.project:not([data-project-tags*=design]){display:none}#frontend:target~.project:not([data-project-tags*=frontend]){display:none}#fullstack:target~.project:not([data-project-tags*=fullstack]){display:none}#ux:target~.project:not([data-project-tags*=ux]){display:none}#seo:target~.project:not([data-project-tags*=seo]){display:none}#threedee:target~.project:not([data-project-tags*="3D"]){display:none}#project-filters{width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;margin-bottom:1ch}#art{display:flex;flex-flow:row wrap}#art .back{display:none;position:fixed;top:1rem;right:1rem;font-size:2rem;width:2rem;height:2rem;line-height:2rem;text-decoration:0;text-align:center;border:2px solid white;border-radius:50%;z-index:10;transition:color .25s,background-color .25s}#art .back:hover{color:#000;background-color:#fff}#art:has(:target) .back{display:block}#art .project.overlay{position:relative;flex-grow:1;width:900px;max-width:100%;height:auto;min-height:33vh}#art .project.overlay .project-preview{float:none;object-fit:cover;margin:0;box-shadow:#00000080 0 0 1vmax 5vmax}#art .project.overlay .project-preview:target{position:fixed;width:90vw;height:90vh;top:5vh;left:5vw;z-index:9}#art .project.overlay .project-preview,#art .project.overlay .project-info{position:absolute;top:0;right:0;width:100%;height:100%}#art .project.overlay .project-info{opacity:0;transition:opacity .25s;margin:0;padding:5vmin;z-index:1}#art .project.overlay:hover .project-info{opacity:1}