:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#222;background-color:#f3f3f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0}#app{display:flex;flex-direction:column;min-height:100vh}header{display:flex;animation:fade-in .3s ease-out}header nav{display:flex;background-color:transparent}.top-menu{height:12rem;margin-bottom:-10rem}.top-menu.floating>header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#191919;margin-left:3rem;margin-right:3rem;color:#fff;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;animation:flip .3s ease-out}.top-menu.floating>header a{color:#fff}.top-menu.floating.closing>header{animation:flip-reverse .2s ease-in}header a{color:#000;padding:.75rem;text-decoration:none;font-weight:700}main{flex:auto;display:flex;max-width:1280px;margin:0 auto;width:100%}.disket{font-family:Disket,monospace}.brand-asset{width:100%;height:100%}.brand-asset img{width:100%;height:100%;object-fit:contain}.project{width:100%;display:inline-flex;aspect-ratio:16/9;border:4px solid #191919;position:relative;padding:0;background:none;cursor:pointer;margin-bottom:2rem}.project img{width:100%;height:100%;object-fit:cover}.project .project-title{font-family:Disket,monospace;font-weight:700;font-size:1.5rem;position:absolute;top:0;bottom:0;left:0;right:0;background:#000000bf;color:#fff;padding:.5rem;display:none;align-items:center;justify-content:center}.project:hover .project-title{display:flex;animation:fade-in .3s ease-out}.title{font-family:Disket;text-align:left;font-weight:700;font-size:1.5em}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal.modal-opening{animation:modal-open .3s ease-in-out}.modal.modal-opening .modal-content{animation:modal-open-slide-in .3s ease-out}.modal.modal-closing{animation:modal-open .2s ease-in-out reverse}.modal.modal-closing .modal-content{animation:modal-open-slide-in .2s ease-in reverse both}.modal .modal-content{position:relative;background:#fff;padding:2rem;border-radius:1rem;width:80%;height:65%;display:flex;flex-direction:column}.modal .modal-content-header{display:flex;justify-content:space-between}.modal-close{cursor:pointer;background:transparent;color:#000;box-shadow:none;border:none;font-weight:700;font-family:Disket,monospace;font-size:1.5rem;padding:.5rem;position:absolute;top:1rem;right:1rem}.modal-project{display:flex;flex-direction:row;gap:1rem;flex:1}.modal-project-techs{margin-bottom:1rem}.modal-project-techs ul{margin:0;font-size:.8rem;font-weight:700;padding-left:2rem}.modal-project-preview{flex:2;display:flex;margin-top:5.25rem;height:100%}.modal-project-preview img{width:100%;aspect-ratio:16/9;object-fit:cover;display:inline-block;height:fit-content;border:4px solid #191919;box-sizing:border-box}.modal-description{flex:3}a{text-decoration:none!important}.contact-button{background:#191919;color:#fff;padding:1rem;border:none;font-family:Disket,monospace;font-weight:700;cursor:pointer;margin-bottom:1rem;display:flex;align-items:center;gap:.5em}li a{color:#191919;font-weight:700;text-decoration:underline!important}.description{font-size:.8rem;font-weight:700}#contact{margin-bottom:10rem}@media (max-width: 639px){main{margin:2rem}}@media (prefers-color-scheme: dark){:root{color:#000;background-color:#f3f3f2}}@keyframes flip{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes flip-reverse{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-open{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:1}}@keyframes modal-open-slide-in{0%{transform:translateY(1rem)}to{transform:translateY(0)}}@font-face{font-family:Disket;src:url(/assets/Disket-Mono-Regular-fYDQgH15.ttf);font-weight:400}@font-face{font-family:Disket;src:url(/assets/Disket-Mono-Bold-HFjWFgHd.ttf);font-weight:700}