:root{font-size:16px;--border-radius: .5rem;--easing-function: cubic-bezier(.25, 0, 0, 1);--transition: all .4s var(--easing-function);--light-text-color: #fffbeb;--blue: #29a6e0;--blue-gradient-transparent: linear-gradient(135deg, #29a6e099 0%, #0a728bdd 100%);--header-gradient-transparent: linear-gradient(190deg, #f9d751cc, #d7695acc, #6c2d72cc);--body-gradient: linear-gradient(180deg, #fbead9, #e0cb9e, #d1cb99);--blue-transparent: #29a6e099;--blue-gradient: linear-gradient(135deg, #29a6e0 0%, #0a728b 100%);--green: #64b10b;--green-gradient: linear-gradient(135deg, #64b10b 0%, #119468 100%);--gray: #ececec;--orange: #e7a619;--orange-gradient: linear-gradient(135deg, #e7a619 0%, #db7908 100%);--drop-shadow: 0 .5rem 3rem #0002;--blue-orange-gradient: linear-gradient(90deg, #096ce6, #9065db, #c95fc6, #ed60ad, #ff6d93, #ff827e, #ff9c6f, #ffb56b);--text-color: #4a4a4a;--link-color: color-mix(in lch longer hue, var(--orange), var(--text-color)) }*,:after,:before{box-sizing:inherit}::selection{background-color:#64b10b;color:#fff}html,header,nav ul li,.nav-link,.button,.card,.gallery-card,.gallery-pic img,.gallery-caption:before,.close-x,.gallery-text,.gallery-text p{transition:var(--transition)}html{box-sizing:border-box;scroll-behavior:smooth;height:100%}body{font-family:B612,sans-serif,system-ui;margin:0;background:url(/images/sylveon.webp),var(--body-gradient);background-size:contain;background-repeat:no-repeat;background-position:bottom right;background-attachment:fixed;height:100%}body:has(.no-scroll){overflow:hidden}a{color:var(--link-color);text-decoration:none;font-weight:600}main{padding:1rem}.title{font-size:1.1rem;line-height:1.125;font-weight:600;margin:0}.smallcaps{font-variant:small-caps}header{background:var(--header-gradient-transparent);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:var(--light-text-color);text-shadow:0 0 .3rem #000000ee;box-shadow:var(--drop-shadow);z-index:100;position:sticky;top:-1px;align-self:stretch}header h2{padding-top:.4rem}.sticky .nav-link{height:2rem}section{padding:1rem 1.5rem}nav{display:flex;flex-direction:row;justify-content:center;font-variant:small-caps;font-size:1.1rem}nav ul{display:flex;flex-direction:row;margin:0;padding:0;z-index:100}nav ul li{list-style:none}.nav-link{background-color:#fff1;text-decoration:none;color:#fff;border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:center;align-items:center;margin-inline:.2rem;margin-block:1rem;width:6rem;height:3rem;will-change:transform;user-select:none}.nav-link:hover{filter:brightness(2);text-shadow:none;background-color:#fff2;cursor:pointer}.button,.nav-link{overflow:hidden;position:relative}:is(.button,.nav-link):after{content:"";z-index:-100;position:absolute;top:-50%;left:-100%;width:50%;height:200px;transform:skew(-20deg);background-color:#fff;opacity:.3;transition:all .5s cubic-bezier(.19,1,.22,1)}:is(.button,.nav-link):hover:after{left:50%;transition:all 1s cubic-bezier(.19,1,.22,1)}:is(.button,.nav-link):active:after{width:200%;left:-40%}.nav-active{background-color:#fff3;pointer-events:none}.view{transition:all 2s var(--easing-function)}.app{min-height:calc(100vh - 160px);display:flex;flex-direction:column;align-items:center}.content{color:var(--text-color);font-size:1rem;font-weight:400;line-height:1.6;margin:0 auto;flex:1 0 auto}.content h3{font-size:1.5rem}.content h4{font-size:1.25rem}.content h5{font-size:1.125rem}.content :is(h1,h2,h3,h4,h5,h6){line-height:1.125;font-weight:600}@keyframes slide-down{0%{margin-top:-25px;opacity:0}to{margin-top:0;opacity:1}}.animate{animation:slide-down var(--easing-function)}.pane{animation-duration:.3s;background:#fff9;background:linear-gradient(15deg,#fff9,#ffffffb3);backdrop-filter:blur(5px);border-radius:1rem;border-top:.2rem solid #fffe;border-block-end:.2rem solid #fff1;padding:.2rem;text-shadow:0 0 1rem #fff;box-shadow:var(--drop-shadow);max-width:68rem;@media (prefers-reduced-transparency: reduce){background:#eef}}.pane>h1{padding-inline-start:.7rem}.row{flex-direction:row;padding:0}.wrap{flex-wrap:wrap}.column{display:block;flex-direction:column;padding:.7rem}.profile-pic{display:inline-block;margin:0}.profile-pic img{max-width:100%;height:auto;border-radius:var(--border-radius)}.button{background-color:#3273dc;border-color:transparent;color:#f8fbfc;border-width:1px;cursor:pointer;justify-content:center;padding-block-end:calc(.5em - 1px);padding-inline-start:1em;padding-inline-end:1em;padding-top:calc(.5em - 1px);text-align:center;white-space:nowrap;text-decoration:none;border-radius:.2rem;margin:0;text-shadow:0 0 .3rem #000000ee}.button:hover{filter:brightness(1.1)}.button:active{filter:brightness(.9) saturate(.9)}.cv-button{margin-top:1rem;background:var(--orange);background:var(--orange-gradient);align-self:baseline}.social-button{margin-inline-end:.5rem;padding-inline:.7rem;margin-top:.5rem;background:var(--green);background:var(--green-gradient);flex-grow:1}.project-button{background:var(--green);background:var(--green-gradient);width:100%}.button-row{margin-top:-2rem;display:flex;flex-direction:row;flex-wrap:wrap}hr{background-color:var(--gray);border:none;display:block;height:2px;margin:1.5rem 0}.card{background-color:#fff9;display:flex;flex-direction:column;height:100%;border-radius:var(--border-radius);box-shadow:0 0 1em #0a0a0a1a,0 0 0 1px #0a0a0a05;max-width:100%;padding:.8rem;border-top:.1rem solid #fff9;border-block-end:.1rem solid #fff4}.card:hover{transform:scale(1.04)}.card .title{margin:.5rem 0}.card-image,.image{display:block;position:relative;margin:0}.card-image figure img{display:block;max-height:15rem;min-height:15rem;width:100%;height:auto;object-fit:cover;object-position:center;border-radius:var(--border-radius)}.card-header{display:flex;align-items:stretch}.card-divider{margin:.5rem 0}.card-content{flex:auto;padding:1rem}.card-footer{border-top:1px solid #ededed;align-items:stretch;display:flex}.media-content{text-align:center;flex-basis:auto;flex-grow:1;flex-shrink:1}.media-content .subtitle{margin:0}.gallery-card{position:relative;background-color:#fff9;display:flex;flex-direction:column;height:100%;border-radius:var(--border-radius);box-shadow:0 0 1em #0a0a0a1a,0 0 0 1px #0a0a0a05;max-width:100%;overflow:hidden}.gallery-pic{display:block;position:relative;margin:0}.gallery-pic img{border-radius:var(--border-radius);display:block;max-height:15rem;min-height:15rem;width:100%;height:auto;object-fit:cover;object-position:50% 50%}.gallery-card:hover .gallery-pic img{object-position:0}.gallery-caption{height:100%;width:100%;padding:2rem;color:var(--light-text-color);position:absolute;bottom:0;left:0;cursor:pointer;border-radius:var(--border-radius)}.gallery-caption:before{content:"";background:linear-gradient(180deg,#fff0,#1d2136bf);height:100%;width:100%;overflow:hidden;position:absolute;top:0;left:0;opacity:1}.gallery-text{transform:translate3d(0,5rem,0)}.gallery-text h1{font-size:1.25rem;text-shadow:0 0 .4rem #000}.gallery-text p{text-shadow:none}.overlay{position:fixed;inset:0;z-index:200;color:var(--light-text-color);display:flex;flex-direction:column;justify-content:center;transition:opacity .4s var(--easing-function);opacity:0;backdrop-filter:blur(16px)}.overlay-show{opacity:1}.overlay-bg{position:fixed;inset:0;background-color:#0a0a0a80;z-index:250}.overlay-pic{display:flex;flex-direction:column;background-color:#000;align-self:center;align-items:center;justify-content:space-between;border-radius:var(--border-radius);z-index:300;padding:.7rem;overflow:auto}.overlay-pic img{margin:0 auto}.overlay-pic h2{margin:.5rem}.d-none{display:none}.close-x{font-size:2rem;cursor:pointer;margin:.5rem 1rem;position:fixed;align-self:flex-end;text-shadow:0 0 .7rem #000000ee}.close-x:hover,.close-x:active,.close-x:focus{transform:scale(1.4)}footer{font-size:1.1rem;width:fit-content;min-height:2rem;flex-shrink:0;margin-inline:auto;text-shadow:.75px .75px 0 #0f0c0099,-.75px -.75px 0 #0f0c0099,.75px -.75px 0 #0f0c0099,-.75px .75px 0 #0f0c0099,.75px .75px 0 #0f0c0099;color:#f3efe8;font-weight:700;background:inherit}@media screen and (max-width: 936px){.social-button{width:calc(100% / 3)}}@media screen and (min-width: 936px),print{.row,.column{display:flex}.col-3{width:25%!important}.col-4{width:33.33333%!important}.col-9{width:75%!important}.social-button{width:25%}}@media screen and (max-width: 576px){header{max-height:-moz-fit-content;max-height:fit-content;flex-direction:column-reverse;position:fixed;top:unset!important;bottom:0;left:0;right:0}header:has(+.no-scroll){opacity:0}header h2{padding-top:0;padding-bottom:.4rem}footer{padding-block-end:5rem}.card:hover{transform:unset}}@media screen and (min-width: 576px){.title{font-size:2rem;line-height:1.125;font-weight:600;margin:0}.sticky .nav-link{height:2.5rem}nav{font-size:1.5rem}.nav-link{width:10rem;margin-inline:.5rem;margin-block:1rem}.row,.column{display:flex;flex-wrap:wrap}.col-3,.col-4{width:50%}.col-9{width:100%}.pane{padding:.5rem}.gallery-text{transform:translate3d(0,10rem,0)}.gallery-text p{opacity:0;height:0;background:none;overflow:hidden}.gallery-caption:hover .gallery-text{transition-delay:.1s;transform:translate3d(0,5rem,0)}.gallery-caption:hover p{transition-delay:.3s;height:auto;overflow:visible;opacity:1}.gallery-caption{background:none}.gallery-caption:before{content:"";background:linear-gradient(180deg,#fff0,#1d2136bf);height:100%;width:100%;overflow:hidden;position:absolute;top:0;left:0;opacity:0}.gallery-caption:hover:before{opacity:1}}