* { padding: 0; margin: 0; box-sizing: border-box; }
html { font-size: 10px; }
body { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji; line-height: 1.1; background: #fff; }
section { position: relative; height: 100vh; }
section h2 { position: absolute; left: 50%; top: 50%; font-size: 5vw; transform: translate3d(-50%, -50%, 0); }

#container { width: 100vw; height: 100vh; }

.nav { position: fixed; left: 0; top: 0; width: 100%; padding: 10px 20px; z-index: 999; background: rgb(235 222 193); }
.nav ul { min-height: 30px; display: flex; list-style: none; align-items: center; gap: 40px; }
.nav ul li a { display: block; color: inherit; font-size: 14px; text-decoration: none; }