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

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta Nome="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/CSS/cadastro.css">
    
  <title>Cadastro</title>
</head>

<body id="background-cadastro">
    <header class="cabecalho">
        <nav >
            <h1 id="titulo">Crie seu próprio pokemon</h1>
            <div > 
                
            </div>
        </nav>
    </header>

  <form action="/new" method="POST">
    <section>
        <fieldset class="grupo">
            <div class="campo">
            <label for="Numero">Número: </label>
            <input type="number" name="numero" id="numero" placeholder="Digite o número do Pokemon" required>
            </div>
        </fieldset>
    </section>
    <section>
        <fieldset class="grupo">
            <div class="campo">
            <label for="Nome">Nome: </label>
            <input type="text" name="nome" id="nome" placeholder="Digite o nome do Pokemon" required>
            </div>
        </fieldset>
    </section>
    <section>
        <fieldset>
            <div class="campo">
            <label for="Tipo">Tipo: </label>
            <input type="text" name="tipo" id="tipo" placeholder="Digite o tipo do Pokemon" required>
            </div>  
        </fieldset>
    </section>
    <section>
        <fieldset>
            <div class="campo">
            <label for="Imagem">Imagem: </label>
            <input type="text" name="imagem" id="imagem" placeholder="Insira a url da imagem do Pokemon">
            </div>
        </fieldset>
    </section>
    <section>
        <fieldset class="grupo">
            <div class="campo">
            <label for="Descricao">Descrição: </label>
            <input type="text" name="descricao" id="descricao" placeholder="Digite a descrição do Pokemon">
            </div>
        </fieldset>
    </section>
    <section>
        <fieldset>
            <div class="campo">
            <label for="Altura">Altura: </label>
            <input type="number" name="altura" id="altura" min="0" max="100" step="0.05" placeholder="Digite o nome do Pokemon">
            </div>
        </fieldset>
    </section>
    <section>
        <fieldset>
            <div class="campo">
            <label for="Peso">Peso: </label>
            <input type="number" name="peso" id="peso" min="0" max="1000" step="1" placeholder="Digite o peso do Pokemon">
            </div>
        </fieldset>
    </section>
    <section>
        <fieldset>
            <div class="campo">
            <label for="Categoria">Categoria: </label>
            <input type="text" name="categoria" id="categoria" placeholder="Digite a categoria do Pokemon">
            </div>
        </fieldset>
    </section>
    <section>
        <fieldset class="grupo">
            <div class="campo">
            <label for="Habilidade">Habilidade: </label>
            <input type="text" name="habilidade" id="habilidade" placeholder="Digite a habilidade do Pokemon">
        </div>
        </fieldset>
    </section>

    <button type="submit" class="botao">Cadastrar</button>
   
  </form>
</body>
</html>