@import url('https://fonts.googleapis.com/css2?family=Martel:wght@400;700&display=swap');

			/* Menu de topo fixo */
			.top-bar-menu {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				background-color: black;
				height: 70px;
				z-index: 1000;
				border-bottom: 2px solid yellow;
				padding: 0 30px;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			/* Adiciona margem ao conteúdo para que não sobreponha o menu */
			body {
				margin-top: 70px; /* Ajusta para que o conteúdo comece após o menu */
			}

			/* Menu de navegação */
			.menu {
				display: none;
				background-color: rgba(0, 0, 0, 0.9);
				position: fixed;
				top: 0;
				left: 0;
				width: 250px;
				height: 100%;
				padding-top: 60px;
				z-index: 999;
			}


            .menu-icon {
				font-size: 30px;
				color: white;
				background: none;
				border: none;
				cursor: pointer;
				display: block;
				font-family: 'Martel', serif; /* Certifique-se de usar 'Martel' com a sintaxe correta */
			}


            .menu {
                display: none;
                background-color: rgba(0, 0, 0, 0.9);
                position: fixed;
                top: 0;
                left: 0;
                width: 250px;
                height: 100%;
                padding-top: 60px;
                z-index: 999;
            }

            .menu a {
                display: block;
                padding: 15px;
                color: white;
                text-decoration: none;
                font-size: 18px;
                border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            }

            .menu a:hover {
                background-color: rgba(255, 255, 255, 0.1);
            }

            /* Esconder o menu quando não for necessário */
            .menu.open {
                display: block;
            }

            /* Estilo para o nome e coins */
            .user-info {
                position: absolute;
                bottom: 20px;
                left: 20px;
                color: white;
                font-size: 18px;
                display: flex;
                align-items: center;
            }

            .user-name {
                font-weight: bold;
                margin-right: 10px;
            }

            .user-coins {
                font-size: 20px;
            }

            /* Estilo para o ícone de conta */
            .account-icon {
                font-size: 25px;
                margin-right: 10px;
            }