body{background:var(--color-background-primary-inverse)}main{gap:var(--margin-x);background:var(--color-background-primary-inverse)}#popup-menu-projects{display:none}main .gallery{margin:var(--gap-sm) var(--margin-x) 0 var(--margin-x);border-top:var(--border-sm) solid var(--color-stroke-quaternary-inverse);border-left:var(--border-sm) solid var(--color-stroke-quaternary-inverse)}main .gallery a{display:flex;flex:0 0 auto;position:relative;margin:0;width:100%;height:var(--size-card-md);border-right:var(--border-sm) solid var(--color-stroke-quaternary-inverse);border-bottom:var(--border-sm) solid var(--color-stroke-quaternary-inverse);border-collapse:collapse;transition:all var(--time-fast) ease;cursor:pointer;opacity:0}main .gallery a.visible{opacity:1}main .gallery a:hover{background:var(--color-background-primary);border:var(--border-sm) solid var(--color-stroke-transparent-inverse)}main .gallery a img{display:flex;position:relative;margin:auto;width:40%;height:40%;object-fit:contain;opacity:var(--opacity-white);filter:invert(1);transition:all var(--time-lazy) var(--cubic-bezier-ease-in-out-quad)}main .gallery a:hover img{filter:invert(0);opacity:.9}#image-viewer{background:var(--color-background-primary-inverse)}#image-viewer img{width:50%;height:50%;opacity:var(--opacity-white);filter:invert(1)}@media (max-width:768px){#image-viewer-image{width:calc(100% - (var(--margin-x) * 4));height:fit-content}}@media (prefers-color-scheme:dark){}