<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 href="https://www.nickyoung.eu/website/publications" 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 href="https://www.nickyoung.eu/website/about" 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 href="https://www.nickyoung.eu/website/talks" 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]">
<img src="logos/Looping Logo 3.svg" alt="Contact">
<span>Contact</span>
</a>
</div>
</div>