:root{--scroll-speed-a: 10s;--scroll-speed-b: 15s}main:has(#homepage){justify-content:center}#homepage{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-inline:.5rem;align-items:center}.portfolio-link{display:block;text-decoration:none;color:inherit}.portfolio{width:100%;border-radius:.25rem;overflow:hidden;position:relative;box-shadow:0 0 .25rem 0 var(--tertiary);transition:box-shadow .5s ease-in-out}.portfolio:nth-child(2n) .portfolio-img{animation:bg-scroll-right-to-left var(--scroll-speed-a) infinite alternate}.portfolio:nth-child(odd) .portfolio-img{animation:bg-scroll-left-to-right var(--scroll-speed-b) infinite alternate}.portfolio:hover,.portfolio:focus{box-shadow:0 0 1rem var(--quaternary)}.portfolio:hover p,.portfolio:focus p{color:var(--quaternary);text-shadow:0 0 2rem rgba(255,255,255,.25),0 0 1rem var(--quaternary)}.portfolio p{position:absolute;top:0;left:0;text-align:left;padding:1rem;z-index:1;padding:0 1rem;background-color:var(--tertiary);color:var(--primary);width:100%;transition:color .5s ease-in-out,text-shadow .5s ease-in-out}.portfolio-img--placeholder{background-color:var(--tertiary);opacity:.35;pointer-events:none}.portfolio-img{border-radius:inherit;width:100%;height:41.25vh;object-fit:cover;position:relative;z-index:0}@keyframes bg-scroll-left-to-right{0%{object-position:10%}to{object-position:90%}}@keyframes bg-scroll-right-to-left{0%{object-position:90%}to{object-position:10%}}@media screen and (min-width:768px){.portfolio p{font-size:1.25rem}.portfolio-img{height:42.5vh}}@media screen and (min-width:1024px){#homepage{display:flex}.portfolio-img{height:85vh}}footer{font-size:.65rem;padding:.25vh 0 .45vh;color:var(--primary);opacity:75%;text-align:center}@media screen and (min-width:1024px){footer{font-size:.85rem}}header{display:flex;flex-direction:column;position:sticky;position:-webkit-sticky;top:0;z-index:9999;width:100vw;padding:.5rem;gap:.5rem}#logo-container{justify-content:center}#logo{height:.75rem;margin-top:.25rem}.site-nav{flex-grow:1}#navigation{display:flex;justify-content:space-between;list-style:none}.page{transition:color .5s ease-in-out}.page.active{color:var(--quaternary)}@media screen and (min-width:1024px){header{flex-direction:row;gap:5vw}#logo{height:1rem}#navigation{justify-content:space-around}}:root{--primary: rgb(230, 230, 230);--secondary: rgba(155, 151, 151, .85);--tertiary: rgba(22, 22, 22, .95);--quaternary: rgb(142, 40, 40);--box-shadow: 0 1vw 2vw;--box-shadow-sm: 0 .5vw 1rem;--focus: rgba(70, 33, 33, .75)}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0;text-decoration:none}body::-webkit-scrollbar{display:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant:small-caps;color:var(--tertiary)}#root{display:flex;flex-direction:column;min-height:100vh}main{display:flex;flex-direction:column;background-color:var(--primary);flex-grow:1;padding-block:2vh}main:has(.gallery-container){width:100vw}.dark{background-color:var(--tertiary);color:var(--primary)}.section{color:var(--secondary);box-shadow:.25vw .25vw 1vw var(--secondary);margin:0 0 0 .25rem}ul{list-style:none}main *{color:var(--tertiary)}.link,.icon *{cursor:pointer;transition:color 1s}.link:hover,.icon *:hover,.selected{color:var(--quaternary)}.logo-selected{background:linear-gradient(to left,transparent,var(--quaternary))}a,a:hover{color:inherit}@media screen and (min-width:1024px){main{padding-left:1rem}}