<!DOCTYPE html>
<html lang="pt-BR">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="https://ik.imagekit.io/2cs1xx8pd/servidor%20antagonista/logoclub.png?updatedAt=1733863824969" type="image/png">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <meta name="description" content="BLACK FALCONS, fundado em 2024, nasceu com o objetivo de se destacar no universo competitivo de E-Sports. Com uma visão ambiciosa, a equipe busca não apenas participar de competições, mas consolidar sua presença e alcançar o topo no cenário global, representando excelência e paixão em cada desafio.">
    <meta name="keywords" content="futebol, time, BLACK FALCONS, BLACK FALCONS, FC25, Timefc25, campeonatofc25, blackfalcons, antagonista, antagonistaoficial">
    <meta name="author" content="BLACK FALCONS (FC25)">
    <meta http-equiv="content-language" content="pt-BR">
    <!-- Open Graph -->
    <meta property="og:title" content="BLACK FALCONS">
    <meta property="og:description" content="BLACK FALCONS, fundado em 2024, nasceu com o objetivo de se destacar no universo competitivo de E-Sports. Com uma visão ambiciosa, a equipe busca não apenas participar de competições, mas consolidar sua presença e alcançar o topo no cenário global, representando excelência e paixão em cada desafio.">
    <meta property="og:image" content="https://ik.imagekit.io/2cs1xx8pd/servidor%20antagonista/logoclub.png?updatedAt=1733863824969">
    <meta property="og:url" content="https://antagonistaoficial.site/blackfalcons.html">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="pt_BR">
    <meta name="google-site-verification" content="Pve9Es7bYxxtNTczU5xK0QYs40l3kf9b39QdzEm1ks8" />
    <title>BLACK FALCONS X</title>
    <script>
        document.addEventListener('contextmenu', function (e) {
            e.preventDefault();
        });
    </script>

    <script>
        document.addEventListener('keydown', function (e) {

            if (e.keyCode == 123) {
                e.preventDefault();
            }

            if (e.ctrlKey && e.shiftKey && e.keyCode == 73) {
                e.preventDefault();
            }

            if (e.ctrlKey && e.shiftKey && e.keyCode == 74) {
                e.preventDefault();
            }
            if (e.ctrlKey && e.shiftKey && e.keyCode == 75) {
                e.preventDefault();
            }
            if (e.ctrlKey && e.keyCode == 85) {
                e.preventDefault();
            }
        });
    </script>

    <script>
        document.addEventListener('keydown', function (e) {

            if (e.keyCode == 123) {
                e.preventDefault();
            }

            if (e.ctrlKey && e.shiftKey && e.keyCode == 73) {
                e.preventDefault();
            }

            if (e.ctrlKey && e.shiftKey && e.keyCode == 74) {
                e.preventDefault();
            }
        });
    </script>
    <style>
        /* Reset básico */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Arial, sans-serif;
            color: #333;
            line-height: 1.6;
            background-color: #b8b8b88c;
        }

        header {
            background-color: #000;
            color: #fff;
            padding: 15px 10px;
            text-align: center;
        }

        header img {
            max-width: 150px;
            margin-bottom: 10px;
        }

        nav {
            background-color: #222;
            display: flex;
            justify-content: center;
            padding: 10px;
        }

        nav a {
            color: #fff;
            text-decoration: none;
            margin: 0 15px;
            font-weight: bold;
            transition: color 0.3s ease;
        }

        nav a:hover {
            color: #fdd835;
        }

        .banner {
            background: url('https://ik.imagekit.io/2cs1xx8pd/servidor%20antagonista/fundoclube.png?updatedAt=1733863823145') no-repeat center center/cover;
            height: 360px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #ffffff;
            text-align: center;
            font-size: 2rem;
            font-weight: bold;
            text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
        }

        .content {
            max-width: 1200px;
            margin: 20px auto;
            padding: 20px;
            background: #181818c7;
            box-shadow: 0 4px 12px rgb(0, 0, 0);
        }

        .content h1 {
            text-align: center;
            margin-bottom: 20px;
            color: #ffffff;
        }

        .content p {
            margin-bottom: 15px;
            text-align: justify;
            color: #ffffffab;
        }

        /* Estilos responsivos */
        @media (max-width: 768px) {
            header {
                padding: 10px 5px;
            }

            header img {
                max-width: 120px;
            }

            .banner {
                font-size: 1.5rem;
                height: 200px;
            }

            nav {
                flex-direction: column;
            }

            nav a {
                margin: 5px 0;
            }

            .content {
                padding: 10px;
            }
        }

        @media (max-width: 480px) {
            header img {
                max-width: 100px;
            }

            .banner {
                font-size: 1.2rem;
                height: 150px;
            }

            nav {
                padding: 5px;
            }

            nav a {
                font-size: 0.9rem;
            }
        }
        /* Estilo para Escalação */
        #escalacao,
        #reservas {
            text-align: center;
            margin-top: 20px;
            display: block;
            /* Garante que as seções estão sempre visíveis */
        }
        .escalacao h1 {
            color: #fff;
        }
        #escalacao img {
            width: 100%;
            max-width: 600px;
            border-radius: 8px;
            margin-bottom: 15px;
        }

        /* Ajuste de Layout da Lista de Reservas */
        #reservas ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            list-style: none;
            padding: 0;
            margin: 15px 0;
        }

        #reservas ul li {
            background-color: #f0f0f0;
            margin: 8px;
            padding: 10px 20px;
            border-radius: 4px;
            font-size: 14px;
            transition: transform 0.2s;
            max-width: 150px;
            /* Limita o tamanho de cada item */
            text-align: center;
            /* Alinha o texto no centro */
        }

        #reservas ul li:hover {
            transform: scale(1.05);
            background-color: #fdd835;
        }

        /* Estilos da Seção de Elenco */
        .elenco {
            margin: 30px auto;
            max-width: 1200px;
            padding: 20px;
            background-color: #0c0c0cc4;
            border-radius: 0px;
            box-shadow: 0 4px 12px #000000;
            text-align: center;
        }

        .elenco h2 {
            font-size: 28px;
            color: #f2f2f2;
            margin-bottom: 20px;
        }

        /* Container de rolagem horizontal */
        .elenco-container {
            display: flex;
            gap: 20px;
            overflow-x: auto;
            padding: 48px;
            scroll-behavior: smooth;
        }

        .elenco-container::-webkit-scrollbar {
            height: 8px;
        }

        .elenco-container::-webkit-scrollbar-thumb {
            background-color: #0000009d;
            border-radius: 4px;
        }

        .jogador {
            flex: 0 0 auto;
            width: 200px;
            /* Largura fixa do retângulo */
            height: 280px;
            /* Altura fixa do retângulo */
            text-align: center;
            color: #fff;
        }

        .jogador img {
            width: 100%;
            /* Preenche a largura do contêiner */
            height: 100%;
            /* Preenche a altura do contêiner */
            border-radius: 8px;
            /* Bordas levemente arredondadas */
            border: 2px solid #ffffff;
            object-fit: cover;
            /* Ajusta a imagem dentro do retângulo */
            transition: transform 0.3s;
        }

        .jogador:hover img {
            transform: scale(1.05);
        }

        .jogador a {
            margin-top: 8px;
            font-size: 20px;
            color: #fff;
        }

        /* Estilo do rodapé */
        footer {
            font-size: 14px;
            position: relative;
            padding: 15px 0;
            border-top: 1px solid #ffffff;
            background-color: #0c0c0c;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 100px;
            /* Garantir que o rodapé tenha altura mínima */
        }

        .footer-text {
            color: #ffffff;
            /* Escolha sua cor aqui */
            font-size: 14px;
            /* Ajuste o tamanho da fonte, se necessário */
            text-align: center;
            /* Centralize o texto no rodapé */
            margin: 5px 0;
            /* Espaçamento entre as linhas */
        }

        /* Estilo do GIF no Rodapé */
        .footer-gif {
            width: 25px;
            margin-right: 5px;
            animation: rotation 10s infinite linear;
        }

        /* Links Sociais */
        .social-links {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-top: 20px;
        }

        /* Responsividade para o Rodapé no Mobile */
        @media (max-width: 768px) {
            footer {
                padding: 20px;
            }

            .footer-gif {
                width: 30px;
                /* Aumenta o tamanho do GIF para o mobile */
            }
        }
        .group-info {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 12px;
            color: #aaa;
        }

        .group-info a {
            color: #aaa;
            text-decoration: none;
            margin-left: 5px;
        }
        /* Seção de Informações */
        .info,
        .team {
            margin: 30px auto;
            max-width: 1200px;
            padding: 30px;
            background-color: #0c0c0cc4;
            border-radius: 0px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.425);
            text-align: left;
            font-size: 16px;
            line-height: 1.6;
        }

        /* Títulos */
        .info h2 {
            font-size: 28px;
            margin-bottom: 15px;
            color: #f2f2f2;
            text-align: center;
        }

        /* Parágrafos e Listas */
        .info p {
            color: #ddd;
            margin-bottom: 15px;
            font-size: 18px;
        }

        /* Lista de requisitos */
        .info ul {
            list-style-type: none;
            padding-left: 0;
            margin-bottom: 20px;
        }

        .info ul li {
            background-color: #5858589c;
            margin: 10px 0;
            padding: 12px 20px;
            border-radius: 8px;
            font-size: 18px;
            color: #fff;
            display: flex;
            align-items: center;
            gap: 12px;
            transition: background-color 0.3s;
        }
        /* Ícone para lista */
        .info ul li::before {
            content: "✔";
            color: #ffcc00;
            font-size: 22px;
        }

        /* Links */
        .info a {
            color: #ffcc00;
            text-decoration: none;
            font-weight: bold;
        }

        .info a:hover {
            text-decoration: underline;
        }

    </style>
</head>

<body>
    <header>
        <img src="https://ik.imagekit.io/2cs1xx8pd/servidor%20antagonista/logoclub.png?updatedAt=1733863824969" alt="Logo">
        <h1>BLACK FALCONS X</h1>
    </header>
    <nav>
        <a href="https://discord.gg/aHBTEKvHB6">Discord</a>
        <a href="#elenco">Elenco</a>
        <a href="#contato">Comunidade do WhatsApp</a>
    </nav>
    <div class="banner">
        BLACK FALCONS X
    </div>
    <div class="content">
        <h1>Informações</h1>
        <p>
            BLACK FALCONS X, fundado em 2024, nasceu com o objetivo de se destacar no universo competitivo de E-Sports. Com uma visão ambiciosa, a equipe busca não apenas participar de competições, mas consolidar sua presença e alcançar o topo no cenário global, representando excelência e paixão em cada desafio.
        </p>
        <p>
            Está pronto para o desafio? Faça um teste para o BLACK FALCONS X e mostre seu talento. Logo abaixo, você encontrará todas as informações sobre como entrar para o time !
        </p>
    </div>

    </div>
    <div id="escalacao" class="content">
        <h1>Escalação</h1>
        <img src="https://ik.imagekit.io/2cs1xx8pd/servidor%20antagonista/escala%C3%A7%C3%A3opreta.jpg?updatedAt=1733863822449" alt="Escalação do Time">
    </div>

    <div id="reservas" class="content">
        <h1>Reservas</h1>
        <ul>
            <li>BOT</li>
            <li>BOT</li>
            <li>BOT</li>
            <li>BOT</li>
            <li>BOT</li>
            <li>BOT</li>
            <li>BOT</li>
        </ul>
    </div>

    <div id="elenco" class="elenco">
        <h2>Elenco</h2>
        <div class="elenco-container">
            <div class="jogador">
                <img src="https://ik.imagekit.io/2cs1xx8pd/time/Captura%20de%20Tela%20(1164).png" alt="Jogador 1">
                <p>Mayk</p>
            </div>
            <div class="jogador">
                <img src="https://ik.imagekit.io/2cs1xx8pd/time/lielton.jpg?updatedAt=1731520380127" alt="Jogador 2">
                <p>Lielton</p>
            </div>
        </div>
    </div>
    <section class="info">
        <h2>Como Entrar no Time ?</h2>
        <p>Para fazer parte, você precisa:</p>
        <ul>
            <li>Ter mais de 18 anos</li>
            <li>Ser um jogador comprometido e responsável</li>
            <li>Ter experiência em competições</li>
            <li>Ser capaz de trabalhar bem em equipe</li>
        </ul>
        <p>Entre em contato conosco para mais informações sobre o processo de inscrição!</p>
    </section>
    <footer>
        <div class="social-media">
            <p class="footer-text">Faça parte da nossa comunidade!</p>
            <p class="footer-text">Todos os direitos reservados © BLACK FALCONS X - 2024.</p>
        </div>
        <div class="group-info">
            <img class="footer-gif"
                src="https://ik.imagekit.io/2cs1xx8pd/gif-grande-unscreen.gif?updatedAt=1725309865889"
                alt="Antagonista">
            <span>Grupo Antagonista - <a href="https://antagonistaoficial.site"
                    target="_blank">antagonistaoficial.site</a></span>
        </div>
    </footer>

</body>

</html>