.hero{position:relative;width:100%;height:100svh;background-color:#b0b0b0;overflow:hidden}.projects{position:absolute;left:50%;bottom:4rem;transform:translate(-50%);width:100%;display:flex;justify-content:center;gap:.5rem;list-style:none;z-index:2}.projects li{text-transform:uppercase;font-family:Geist Mono,Arial,sans-serif;font-size:.7rem;font-weight:450;color:#000;width:max-content;padding:.5rem 1rem;background-color:#fff;border:1px solid #000;box-shadow:4px 4px 0 -1px #000;cursor:pointer}.projects li:hover{color:#fff;background-color:#000}@media(max-width:1000px){.projects{flex-wrap:wrap;padding:0 4rem}}