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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Detalhes dos pokemon</title>
    <link rel="icon" href="/IMG/icon.jpg">
</head>

<body
    style="background-image: url(https://www.desktopbackground.org/download/o/2012/07/21/424499_download-pokemon-minimalistic-wallpapers-1920x1080_1920x1080_h.png); background-position:center"
    ;>
    <h1>
        <nav>
            <p class="botao1" style="text-align:center"><a href="/">Home</a></p>
        </nav>
    </h1>
    <Section class="container">
        <h2 style="text-align:center">
            <main style="color: rgb(81, 37, 105);">
                <p class="imgg">
                    <img src="<%= pokemon.Image %>" height="180" width="180" />
                </p>
                <p class="poke">
                    Nome: <%= pokemon.Nome%>
                </p>
                <p class="poke">
                    Tipo: <%= pokemon.Tipo%>
                </p>
                <p class="poke">
                    Descrição: <%= pokemon.Descricao%>
                </p>
                <p class="poke">
                    Altura: <%= pokemon.Altura%>
                        M
                </p>
                <p class="poke">
                    Peso: <%= pokemon.Peso%>
                        Kg
                </p>
                <p class="poke">
                    Categoria: <%= pokemon.Categoria%>
                </p>
                <p class="poke">
                    Habilidade: <%= pokemon.Habilidade%>
                </p>
            </main>
        </h2>
    </Section>
    </header>

</body>

</html>