:root { --c1: #241734; --c2: #2e2157; --c2-transparent: rgba(46, 33, 87, 0.5); --c3: #fd3777; --c4: #f706cf; --c5: #fd1d53; } @font-face { font-family: 'ubuntumono-bold'; src: url('/fonts/UbuntuMono-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'ubuntumono-regular'; src: url('/fonts/UbuntuMono-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } #logo { font-family: 'ubuntumono-bold', sans-serif; font-size: 2.0rem; margin: 0; } #logo-sub { font-family: 'ubuntumono-regular', sans-serif; font-size: 1.0rem; margin: 0; } body { font-family: 'ubuntumono-regular', sans-serif; font-size: 1.1rem; margin: 0; line-height: 1.15; background-color: var(--c1); min-height: 100vh; } a { color: var(--c3); text-decoration: none; } a:hover { color: var(--c4); } h2 { font-family: 'ubuntumono-regular', sans-serif; margin: 0; } nav { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; } nav hgroup { margin: 0; } nav > button { display: none; font-size: 1.5rem; background: none; border: none; cursor: pointer; } nav ul { display: flex; gap: 1rem; list-style: none; margin: 0; padding: 0; } @media (max-width: 576px) { nav > button { display: block; } nav ul { flex-direction: column; width: 100%; display: none; margin-top: 1rem; } nav ul.show { display: flex; } }