header {
    padding: 20px 10%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #000;
    border-bottom: 1px solid var(--accent);
}

.logo {
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--accent);
}

nav ul {
    display: flex;
    gap: 25px;
}

nav a {
    color: var(--text);
    transition: 0.3s;
}

nav a:hover {
    color: var(--accent);
}