: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{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{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}}#graphic-novel{display:flex;flex-direction:column;padding:.3rem 0 .3rem .5rem}#graphic-novel .role{display:flex;flex-direction:column}.chapters{display:flex;overflow-x:scroll;gap:.25rem}.chapter{width:80vw}@media screen and (min-width:768px){.chapter{width:40vw}}@media screen and (min-width:768px){.chapter{width:20vw}}@media screen and (min-width:1024px){.chapters::-webkit-scrollbar{margin-top:5vw;width:.25rem;background-color:transparent}.chapters::-webkit-scrollbar-thumb{border-radius:1rem;background-color:#0003}.chapters::-webkit-scrollbar-thumb:active,.chapters::-webkit-scrollbar-thumb:hover{background-color:var(--tertiary)}}main:has(#artist){gap:1rem}#artist{display:grid;grid-template-columns:auto 1fr;border-radius:5rem 0 0 5rem;align-items:center;padding:.3rem 0 .3rem .5rem;color:var(--tertiary)}#profile-pic{--size: 35vw;border-radius:50%;height:var(--size);width:var(--size);background:url(/assets/profile-L5GO6mOW.jpg);background-size:cover;box-shadow:inset .25vw .25vw 4rem var(--tertiary),.2vw .2vw .5rem var(--tertiary)}#contact-links{display:flex}p,.icon{padding-left:1rem}@media screen and (min-width:768px){#artist{border-radius:10rem 0 0 10rem}#profile-pic{--size: 20vw;height:var(--size);width:var(--size);margin-right:2vw}}@media screen and (min-width:1024px){#artist{align-items:flex-start}#contact{margin-top:3vh}h3{width:fit-content;border-bottom:1px solid var(--secondary);padding-right:.25rem}.icon{font-size:1.5rem}#profile-pic{--size: 12.5vw;height:var(--size);width:var(--size);margin-right:2vw;box-shadow:inset .25vw .25vw 2rem var(--tertiary)}.chapter{height:45vh;width:auto}}#fine-art{border-radius:2vw 0 0 .5rem;padding-left:2vw;display:flex;flex-direction:column;gap:1rem;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;white-space:nowrap;flex-grow:1;outline:1px dotted blue}.artwork{display:flex;flex-direction:column}.artwork img{width:95vw;border-radius:0 0 2vw 2vw}.art-details{display:grid;grid-template-columns:2fr 1fr;align-items:center;padding-left:1vw}.medium{font-size:.85rem}.text-right{text-align:end;padding-right:1rem}@media screen and (min-width:1024px){#fine-art::-webkit-scrollbar{margin-top:5vw;width:.25rem;background-color:transparent}#fine-art::-webkit-scrollbar-thumb{border-radius:1rem;background-color:#0003}#fine-art::-webkit-scrollbar-thumb:active,#fine-art::-webkit-scrollbar-thumb:hover{background-color:var(--tertiary)}.artwork img{--size: 90vh;width:var(--size)}#fine-art{flex-direction:row;gap:2.5rem}}:root{--days-01: linear-gradient(to left, #cab6a0, #674b3c, #505048);--days-02: linear-gradient(to left, #e3c5b1, #f4bbdd, #306275, #10442c);--days-03: linear-gradient(to left, #ff8643, #d8dcb0, #00e6e7);--days-04: linear-gradient(to left, #f3dead, #e9b87d, #071f5f);--days-05: linear-gradient(to left, #1c5e8e, #00a4d1, #efd598);--days-06: linear-gradient(to left, #ece289, #f1a0eb, #52caed);--days-07: linear-gradient(to left, #54dfe4, #b3bdcc, #c0a48c);--bluestrawberry-01: linear-gradient(to left, #061539, #306678, #34203a, #ff69a0, #b65435, #ffda70);--bluestrawberry-02: linear-gradient(to left, #75b4a3, #3f68a0, #121818, #46244c, #9b7173, #fff772);--city-life-01: linear-gradient(to left, #6c7981, #1e4649, #d7d3a2, #090d00);--city-life-02: linear-gradient(to left, #13181b, #8e7831, #315362, #5b3203);--city-life-03: linear-gradient(to left, #a5984d, #c1c68e, #97c48d, #26402e);--city-life-04: linear-gradient(to left, #b2926e, #4f4c42, #3c641c, #463130)}.outer-gallery-wrapper.days-01{--_bg-gradient: var(--days-01)}.outer-gallery-wrapper.days-02{--_bg-gradient: var(--days-02)}.outer-gallery-wrapper.days-03{--_bg-gradient: var(--days-03)}.outer-gallery-wrapper.days-04{--_bg-gradient: var(--days-04)}.outer-gallery-wrapper.days-05{--_bg-gradient: var(--days-05)}.outer-gallery-wrapper.days-06{--_bg-gradient: var(--days-06)}.outer-gallery-wrapper.days-07{--_bg-gradient: var(--days-07)}.outer-gallery-wrapper.bluestrawberry-01{--_bg-gradient: var(--bluestrawberry-01)}.outer-gallery-wrapper.bluestrawberry-02{--_bg-gradient: var(--bluestrawberry-02)}.outer-gallery-wrapper.city-life-01{--_bg-gradient: var(--city-life-01)}.outer-gallery-wrapper.city-life-02{--_bg-gradient: var(--city-life-02)}.outer-gallery-wrapper.city-life-03{--_bg-gradient: var(--city-life-03)}.outer-gallery-wrapper.city-life-04{--_bg-gradient: var(--city-life-04)}.inner-gallery-wrapper[data-series=bluestrawberry]{height:70vh;gap:1rem;box-shadow:none}.inner-gallery-wrapper[data-series=bluestrawberry] .gallery-img{border-radius:1rem;box-shadow:0 0 0 5px #000000bf}@media screen and (min-width:768px){.md-hide{display:none}}.art-nav-tabs{padding-left:.25rem;display:flex}.tab{background-color:var(--tertiary);color:var(--primary);padding:.25rem 1rem;border-radius:.25rem .25rem 0 0;transition:color .5s ease-in-out,background-color .5s ease-in-out;font-size:1.25rem;font-weight:500}.tab.active{background-color:var(--quaternary);color:var(--primary)}.gallery-container{display:grid;grid-template-rows:max-content;gap:.25rem 1rem;border:1px solid var(--quaternary);border-right:none;border-radius:0 0 0 1rem}.gallery-container h2{grid-column:1 / -1;padding-left:.5rem}.gallery-container ul{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem .5rem;justify-content:flex-start;height:max-content}.volume{display:grid;grid-template-columns:20vw auto;overflow:auto;gap:1rem}.title{text-align:end;padding:.25rem .5rem .25rem 0;border-bottom:1px solid transparent;transition:color .5s ease-in-out,border-color .5s ease-in-out}.title.active{color:var(--quaternary);font-weight:700;border-color:currentColor}.outer-gallery-wrapper{--_bg-gradient: linear-gradient(to left, #e6e6e6, #171717);background-image:var(--_bg-gradient);background-size:200%;border-radius:1rem 0 0 1rem;padding:1rem;overflow-x:auto;overscroll-behavior-x:contain;animation:gradient 20s infinite alternate}@keyframes gradient{0%{background-position:left}to{background-position:right}}.inner-gallery-wrapper{display:flex;height:50vh;scroll-snap-type:inline mandatory;scroll-snap-align:start;box-shadow:0 0 1rem #00000080;width:fit-content;border-radius:1rem}.gallery-img:first-child{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.gallery-img:last-child{border-top-right-radius:1rem;border-bottom-right-radius:1rem}@media screen and (min-width:1024px){.art-nav{flex-grow:0;height:max-content}.gallery-container{grid-template-columns:8.75rem 1fr;padding-bottom:1rem}.gallery-container ul{grid-template-columns:1fr;gap:.5rem}.title{padding-left:1rem}.volume{grid-template-columns:10rem auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;white-space:nowrap}::-webkit-scrollbar{margin-top:5vw;width:.25rem;background-color:transparent}::-webkit-scrollbar-thumb{border-radius:1rem;background-color:#0003}::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover{background-color:var(--tertiary)}}:root{--cpr: #aa1f23;--history: #bd762a;--math: #a42249;--english: #b8ae74;--coolidge: #015a84;--cpr-hover: #dc1f26;--history-hover: #f5c38f ;--math-hover: #ef3e55;--english-hover: #faf7b1;--coolidge-hover: #d1bfa1}#graphic-design .inner-gallery-wrapper{box-shadow:none;background-color:transparent;gap:1rem}#graphic-design .gallery-img{--_bg-color: var(--tertiary);--_shadow: 0 0 .75rem;box-shadow:var(--_shadow) var(--_bg-color);border-radius:1rem;transition:box-shadow .5s ease-in-out}#graphic-design .gallery-img[data-title=cpr]{--_bg-color: var(--cpr)}#graphic-design .gallery-img[data-title=history]{--_bg-color: var(--history)}#graphic-design .gallery-img[data-title=math]{--_bg-color: var(--math)}#graphic-design .gallery-img[data-title=english]{--_bg-color: var(--english)}#graphic-design .gallery-img[data-title=coolidge]{--_bg-color: var(--coolidge)}#graphic-design .gallery-img:hover{--_bg-color: var(--primary);--_shadow: 0 0 1rem}#graphic-design .gallery-img[data-title=cpr]:hover{--_bg-color: var(--cpr-hover)}#graphic-design .gallery-img[data-title=history]:hover{--_bg-color: var(--history-hover)}#graphic-design .gallery-img[data-title=math]:hover{--_bg-color: var(--math-hover)}#graphic-design .gallery-img[data-title=english]:hover{--_bg-color: var(--english-hover)}#graphic-design .gallery-img[data-title=coolidge]:hover{--_bg-color: var(--coolidge-hover)}footer{font-size:.65rem;padding:.25vh 0 .45vh;color:var(--primary);opacity:75%;text-align:center}header{display:flex;flex-direction:column;position:sticky;position:-webkit-sticky;top:0;z-index:9999;width:100vw;padding:.125rem .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}@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}