@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";*{box-sizing:border-box;margin:0;padding:0}a,p{text-transform:uppercase;color:#000;font-family:Roboto Mono;font-size:12px;font-weight:400;text-decoration:none;display:block}nav,footer{z-index:1;justify-content:space-between;gap:2em;width:100vw;padding:1em;display:flex;position:absolute;left:0}nav{top:0}footer{bottom:0}.links,.socials{gap:2em;display:flex}nav>*,.links a{flex:1}.gradient-bg{z-index:0;background:linear-gradient(#fff 0%,#ccc 100%);width:100vw;height:100svh;position:absolute;bottom:0}.container{z-index:2;width:100vw;height:100svh;position:relative;overflow:hidden}.project-title-container{aspect-ratio:16/9;width:50%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#project-link{color:#fff;align-items:center;width:100%;height:100%;text-decoration:none;display:flex}.project-title-mask{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);width:100%;height:16px;position:relative;overflow:hidden}#project-title{color:#fff;text-align:center;text-transform:uppercase;font-family:Roboto Mono;font-size:13px;line-height:1;transition:transform .5s ease-in-out;display:block;position:relative;transform:translateY(0)}