.projects{display:flex;flex-direction:column}.projects::before{content:'';width:1vw;height:100%;position:absolute;top:0;left:10vw;z-index:-1;background-color:#ffd34c}.projects::after{content:'';width:35vw;height:2px;background-color:#000;position:fixed;top:90px;left:0;z-index:10}header{position:fixed;top:0;display:flex;justify-content:flex-end;height:90px}header .brand{order:1;margin-top:10px}header::before{content:'';order:2;height:140px;width:10px;background-color:#000;margin:0 10px 0 20px}header::after{content:'';order:3;height:60px;width:60px;background-color:#20458b;margin-top:20px}#projects{padding:0 10px;display:flex;flex-direction:column;row-gap:10px;flex:1}.proj-item{position:relative;padding:100px 0 0;background-size:cover;text-decoration:none;color:#000}.proj-item::before{content:'';position:absolute;top:0;left:0;width:55%;height:100%;z-index:-1}.proj-title{text-transform:uppercase;font-weight:bold;text-align:right;font-size:16px;background-color:#ffffff33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px;box-sizing:border-box;line-height:1}.proj-desc{position:absolute;bottom:42px;left:40%;right:40px;font-size:14px}.proj-link{font-size:12px;color:#333;width:140px;display:block;text-decoration:none;line-height:1;padding:6px 0;position:absolute;bottom:0;left:67%;text-transform:uppercase;display:flex;align-items:center}.proj-link::before{content:'';width:2em;height:2em;background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNjA4MDJlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iODAwIiB2aWV3Qm94PSIwIDAgNTMyLjE1OCA1MzIuMTU3Ij48cGF0aCBkPSJNMzU1LjM0OSAyNjYuMDc4TDIzMC40NjQgNDYxLjUzOWMtMTMuNjQ4IDIxLjM2NC03LjM5MyA0OS43NDMgMTMuOTY2IDYzLjM5MSA3LjY1NiA0Ljg5IDE2LjIxMiA3LjIyOCAyNC42NyA3LjIyOCAxNS4xNDEgMCAyOS45NjMtNy40OTEgMzguNzIxLTIxLjE5M2wxNDAuNjc1LTIyMC4xNzNhNDUuOTA1IDQ1LjkwNSAwIDAwMC00OS40MjVMMzA3LjgyMSAyMS4xOTJDMjk0LjE3My0uMTcyIDI2NS43ODktNi40MjEgMjQ0LjQzIDcuMjI3Yy0yMS4zNjUgMTMuNjQ3LTI3LjYxNCA0Mi4wMzItMTMuOTY2IDYzLjM5MWwxMjQuODg1IDE5NS40NnoiLz48cGF0aCBkPSJNMTIyLjMwNSA1MzIuMTU3YzE1LjE0MSAwIDI5Ljk2NC03LjQ5MSAzOC43MjEtMjEuMTkzTDMwMS43IDI5MC43OTFhNDUuOTAxIDQ1LjkwMSAwIDAwMC00OS40MjVMMTYxLjAyNiAyMS4xOTJDMTQ3LjM3My0uMTcyIDExOC45OTUtNi40MjEgOTcuNjM2IDcuMjI3IDc2LjI3MSAyMC44NzQgNzAuMDIyIDQ5LjI1OSA4My42NyA3MC42MThsMTI0Ljg4NSAxOTUuNDZMODMuNjcgNDYxLjUzOWMtMTMuNjQ4IDIxLjM2NC03LjM5MyA0OS43NDMgMTMuOTY2IDYzLjM5MWE0NS42NTMgNDUuNjUzIDAgMDAyNC42NjkgNy4yMjd6Ii8+PC9zdmc+);background-size:100% 100%}.project-list{display:flex;padding:10px;overflow:auto;column-gap:10px;scroll-behavior:smooth}.project-list .project{width:120px;height:120px;flex:0 0 120px;display:flex;align-items:flex-end;justify-content:flex-end;white-space:nowrap;background-color:#FFEA00;color:#000;text-decoration:none;font-size:12px}.project-list .project:nth-of-type(1){background-image:radial-gradient(at 81% 23%, hsla(42,100%,77%,0.2) 0, transparent 50%),radial-gradient(at 75% 90%, hsla(95,100%,70%,0.42) 0, transparent 50%)}.project-list .project:nth-of-type(2){background-image:radial-gradient(at 81% 23%, hsla(42,100%,77%,0.2) 0, transparent 50%),radial-gradient(at 41% 76%, hsla(95,100%,70%,0.42) 0, transparent 50%)}.project-list .project:nth-of-type(3){background-image:radial-gradient(at 81% 23%, hsla(42,100%,77%,0.2) 0, transparent 50%),radial-gradient(at 79% 65%, hsla(95,100%,70%,0.42) 0, transparent 50%)}.project-list .project:nth-of-type(4){background-image:radial-gradient(at 81% 23%, hsla(42,100%,77%,0.2) 0, transparent 50%),radial-gradient(at 99% 98%, hsla(95,100%,70%,0.42) 0, transparent 50%)}.project-list .project span{text-transform:uppercase;font-weight:bold;margin-right:-10px;padding:0 0 6px;font-size:14px}.project-list .project.active{background-color:#dba80e}#footNavigation{padding-top:120px;justify-content:flex-start;padding-left:10vw;margin-left:1vw}