@font-face{font-family:"Heming";src:url("fonts/HemingVariable.ttf");font-style:normal;font-weight:350;font-display:swap}@font-face{font-family:"Heming";src:url("fonts/HemingVariable.ttf");font-style:bold;font-weight:800;font-display:swap}.navbar{display:flex;justify-content:space-between;padding:2em;align-items:center}@media (max-width: 80rem){.navbar{padding-left:0;padding-right:0;padding-top:.5em;padding-bottom:.5em;position:sticky !important;top:0}}.navbar a{display:block;color:#fff;text-decoration:none}.navlink{display:flex;gap:min(2em,1vw)}.navlink a{padding:1ch}.navlink a:hover{text-decoration:underline}.navlink a.active{text-decoration:underline;font-weight:bold}.tool-list li::marker{font-size:1em}*,**,*::after,*::before{box-sizing:border-box}html,body{height:100%;font-size:20px}body{display:flex;flex-direction:column;background-color:#0e1011;font:100% Heming,serif,monospace;color:#fcfbfc;margin:auto}.content p a{color:#d82b32}.content p a:visited{color:#b02026}.content p a:hover{color:#ffceba}.logo{font-size:min(2rem,7vw)}.logo:hover .blink{animation:blink 2s infinite}@keyframes blink{0%{color:#fcfbfc}50%{color:#d82b32}100%{color:#fcfbfc}}@media (max-width: 80rem){body{margin-left:1rem;margin-right:1rem}}@media (min-width: 80rem){body{width:70rem}}.content{flex:1 0 auto}.content p{max-width:65ch;margin-left:auto;margin-right:auto}.project-page-content p,.project-page-content ul{max-width:65ch;margin-left:auto;margin-right:auto}.project-page-content h2{max-width:50ch;margin-left:auto;margin-right:auto}.title{text-align:center;font-size:3rem}.year{text-align:center;color:#a586a5;margin:0}.badge{display:block;height:3rem;margin-left:auto;margin-right:auto;margin-top:2em;margin-bottom:2em}.badge:hover{outline-style:solid;outline-offset:4px;outline-width:4px;outline-color:#ffceba;border-radius:7px}@media screen and (min-width: 80rem){.project-list{display:grid;grid-template-columns:1fr 1fr;padding:0;gap:2em}}@media screen and (max-width: 80rem){.project-list{padding:0}.portfolio-item{margin-bottom:2em}}.project-title{font-size:2rem;margin:0}.project-description{font-size:1rem;margin:0;font-weight:lighter;color:#969696}.portfolio-item{display:block;text-decoration:none;color:#fcfbfc}@media screen and (hover: hover){.portfolio-item{position:relative;overflow:clip;border-radius:1rem}.portfolio-item .sliding{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.9);padding:1rem;transform:translateY(100%);transition:transform .2s ease-in}.portfolio-item:hover .sliding{transform:translateY(0)}}.portfolio-item img{width:100%;height:100%;object-fit:cover;border-radius:10px}.project-page-title{text-align:center;font-size:3rem;margin-bottom:0}.projet-cover{display:block;max-width:100%;margin:auto;border-radius:10px}.gallery{display:flex;overflow:clip;gap:1em;align-items:center;flex-wrap:wrap;justify-content:center}.gallery *{max-height:33em;max-width:min(22em,100%)}.gallery img{object-fit:contain;border-radius:10px}.lightbox{display:none;z-index:1;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);justify-content:center;align-items:center}.lightbox pre{font-size:3rem;padding:2rem}.lightbox img{width:100%;height:100%;object-fit:contain}footer{bottom:0;display:flex;justify-content:space-between;color:#715471;width:100%;flex-shrink:0;margin-top:7em;padding-bottom:1em;font-size:.8em;align-items:end;gap:1ch}footer *{text-decoration:none;margin:0;color:#715471}footer a:hover{color:#a586a5}.tool-list{list-style:none;padding:0}.tool-marker{height:1em}