<html>

<style>
     header {
            background-color: #1f1f1f;
            padding: 10px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
        }
        header h1 {
            font-size: 2em;
            color: #f39c12;
            letter-spacing: 1px;
        }
</style>

<header>
    <h1>CODEOPENLAB</h1>
    <div class="nav-links">
        <a href="/indexlogin">Home</a>
        <a href="/api/ok">Games</a>
        <a href="/invite">Invite</a>
        <a href="/me">Profile</a>
    </div>
    <div class="menu-bar" onclick="toggleMenu()">&#9776;</div>
    
</header>
</html>