:root{color-scheme:light dark}*{box-sizing:border-box}body{font-family:"Fira Sans",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:light-dark(black, white);background-color:light-dark(hsl(0, 0%, 97%), hsl(0, 0%, 10%));display:flex;flex-direction:column}body,html{margin:0;padding:0;min-height:100%;height:100%;box-sizing:border-box}.navbar{display:flex;flex-wrap:wrap;flex-grow:0;flex-shrink:0;column-gap:1rem;row-gap:1rem;justify-content:space-between;padding:1rem min(3vw,3rem) .5rem;align-items:center;border-bottom:1pt solid light-dark(hsl(0, 0%, 90%), hsl(0, 0%, 30%))}.navbar .navbar-home{text-decoration:none;font-size:120%}.navbar .navbar-home:link,.navbar .navbar-home:visited,.navbar .navbar-home:hover,.navbar .navbar-home:active{color:light-dark(black, white)}.navbar .navbar-links{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;column-gap:1.5rem;font-weight:semi-bold;align-items:center}.navbar .navbar-links [aria-current=page]{text-decoration:none;font-weight:bold}.navbar .navbar-links a:link,.navbar .navbar-links a:visited,.navbar .navbar-links a:hover,.navbar .navbar-links a:active{color:light-dark(black, white)}.navbar .navbar-links .button{background:none;border:none;cursor:pointer}.navbar .navbar-links .button .icon{font-size:145%}main{padding:0 min(3vw,3rem);flex-grow:1}footer{padding:1rem min(3vw,3rem);margin-top:5rem;flex-grow:0;flex-shrink:0;border-top:1pt solid light-dark(hsl(0, 0%, 90%), hsl(0, 0%, 30%));display:flex}footer span{flex-grow:0}footer span.copyright{flex-grow:1}iframe{aspect-ratio:16/9;height:auto;width:100%;border:none}figure{width:100%;margin:0}figure img{width:100%}a:link,a:hover,a:active{color:light-dark(black, white)}a:visited{color:light-dark(hsl(0, 0%, 20%), hsl(0, 0%, 80%))}.email>span:nth-child(odd),.phone>span:nth-child(even){display:none}.pick-topic{display:flex;width:100%;flex-direction:row;align-items:center;gap:.5rem}.pick-topic a{flex:1 1 0;min-width:0;display:flex;justify-content:center;align-items:center;position:relative;border-radius:.7rem;overflow:hidden;box-shadow:.05rem .05rem .3rem 0 light-dark(hsl(0, 0%, 70%), hsl(0, 0%, 20%))}.pick-topic a .button{position:absolute;width:fit-content;text-align:center;padding:.75rem;margin:.5rem;border-radius:.5rem;background-color:light-dark(hsla(0, 0%, 100%, 0.35), hsla(0, 0%, 30%, 0.4));backdrop-filter:blur(0.2rem);font-weight:bold;font-size:120%;color:#fff;text-shadow:.1rem .1rem .1rem #000;transition:.15s;box-shadow:.1rem .1rem .15rem rgba(0,0,0,.5)}.pick-topic a:hover .button{box-shadow:.2rem .2rem .3rem rgba(0,0,0,.5)}.pick-topic a:hover img{filter:blur(0.05rem)}.pick-topic picture{width:100%;aspect-ratio:3/2}.pick-topic img{display:block;object-fit:cover;aspect-ratio:3/2;width:100%;height:100%;transition:.5s}article.project-preview{background-color:light-dark(white, hsl(0, 0%, 12%));border:1pt solid light-dark(hsl(0, 0%, 90%), hsl(0, 0%, 20%));margin-bottom:.5rem;border-radius:.5rem;overflow:hidden;box-shadow:.05rem .05rem .3rem 0 light-dark(hsl(0, 0%, 80%), hsl(0, 0%, 20%))}article.project-preview .description{padding:0 .75rem}article.project-preview .description h3{margin-bottom:.1rem}article.project-preview .description .date{color:light-dark(hsl(0, 0%, 30%), hsl(0, 0%, 60%));font-size:80%}article.project-preview a:link,article.project-preview a:visited,article.project-preview a:hover,article.project-preview a:active{text-decoration:none;color:light-dark(black, white)}section.photo-portfolio figure{background-color:light-dark(white, hsl(0, 0%, 12%));margin-bottom:1rem;box-shadow:.05rem .05rem .3rem 0 light-dark(hsl(0, 0%, 80%), hsl(0, 0%, 20%));border:1pt solid light-dark(hsl(0, 0%, 90%), hsl(0, 0%, 20%));overflow:hidden}section.photo-portfolio figure .subfigs{position:relative;transition:.3s}section.photo-portfolio figure .subfigs:focus{outline:none}section.photo-portfolio figure .subfigs img{display:block;aspect-ratio:3/2;object-fit:contain}section.photo-portfolio figure .subfigs .progress{display:none;width:100%;height:.2rem}section.photo-portfolio figure .subfigs .progress .progress-fill{height:100%;background-color:light-dark(#575757, #979797);transition:width .3s ease-out}section.photo-portfolio figure .subfigs .prev,section.photo-portfolio figure .subfigs .next{display:none;cursor:pointer;position:absolute;top:50%;left:0;width:auto;margin-top:-2rem;padding:1.2rem;color:#fff;text-shadow:.1rem .1rem .1rem #000;font-weight:bold;font-size:120%;transition:.3s ease;border-radius:0 .5rem .5rem 0;user-select:none}section.photo-portfolio figure .subfigs .next{right:0;left:unset;border-radius:.5rem 0 0 .5rem}section.photo-portfolio figure .subfigs .prev:hover,section.photo-portfolio figure .subfigs .next:hover{background-color:hsla(0,0%,60%,.3);backdrop-filter:blur(0.2rem)}section.photo-portfolio figure .maximized{position:fixed;top:0;left:0;width:100vw;width:100dvw;height:100vh;height:100dvh;z-index:1;background-color:rgba(51,51,51,.5);backdrop-filter:blur(0.2rem);display:flex;align-items:center;justify-content:center}section.photo-portfolio figure .maximized picture{max-width:100vw;max-width:100dvw;max-height:100vh;max-height:100dvh;display:flex}section.photo-portfolio figure .maximized img{aspect-ratio:unset;object-fit:scale-down;width:auto;height:auto;max-width:100vw;max-width:100dvw;max-height:100vh;max-height:100dvh;box-shadow:.1rem .1rem .5rem 0 rgba(0,0,0,.5)}section.photo-portfolio figure .maximized .progress{position:fixed;z-index:2;bottom:0}section.photo-portfolio figure .maximized .progress .progress-fill{background-color:hsl(0,0%,95%)}section.photo-portfolio figure figcaption{padding:.75rem}section.photo-portfolio figure figcaption .date,section.photo-portfolio figure figcaption .org{color:light-dark(hsl(0, 0%, 30%), hsl(0, 0%, 60%));padding-right:.3rem}section.photo-portfolio figure figcaption .date{padding-right:.5rem}@media screen and (min-width: 50rem){main,.navbar,footer{max-width:50rem;margin:auto;width:100%}}