<div class="home-name">nick young</div> <div style="display: flex; justify-content: center; flex-wrap: nowrap; gap: 50px; margin: 50px auto 60px; text-align: center;"> <div class="nav-item" style="animation: fadeSlideIn 0.5s ease-out 0.15s both;"> <a class="internal-link" data-href="website/publications" href="#" style="text-decoration: none; color: var(--site-gold);"> <img src="logos/Looping Logo 1.svg" alt="Publications"> <span>Publications</span> </a> </div> <div class="nav-item" style="animation: fadeSlideIn 0.5s ease-out 0.3s both;"> <a class="internal-link" data-href="website/about" href="#" style="text-decoration: none; color: var(--site-gold);"> <img src="logos/Looping Logo 2.svg" alt="About"> <span>About</span> </a> </div> <div class="nav-item" style="animation: fadeSlideIn 0.5s ease-out 0.45s both;"> <a class="internal-link" data-href="website/talks" href="#" style="text-decoration: none; color: var(--site-gold);"> <img src="logos/Looping Logo 4.svg" alt="Talks"> <span>Talks</span> </a> </div> <div class="nav-item" style="animation: fadeSlideIn 0.5s ease-out 0.6s both;"> <a href="mailto:[email protected]" target="_blank" rel="noopener"> <img src="logos/Looping Logo 3.svg" alt="Contact"> <span>Contact</span> </a> </div> </div>