<!DOCTYPE html>
<html>
<head>
  <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-TXXHKBTD');</script>
  <!-- End Google Tag Manager -->
  <title>Carga Mental - Settings</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" type="image/png" sizes="64x64" href="/icons8-brain-64.png">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  <link rel="stylesheet" href="/css/styles.css">
  <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-144184532-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-144184532-1');
</script>

</head>
<body>
  <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TXXHKBTD"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->
  <div class="container">
    <h1>Configuração</h1>
    <form action="/game" method="post">
      <p>Insira o percentual de vezes que a nota de R$ 100 deverá aparecer do lado esquerdo.</p>
      <input type="number" name="percentage" id="percentage" required><br>
      <label for="percentage">Apenas números:</label><br><br>
      
      <p>Insira o números de rodadas da 1a etapa.</p>
      <input type="number" name="rounds1" id="rounds1" required><br>
      <label for="turns1">Apenas números:</label><br><br>

      <p>Insira o números de rodadas da 2a etapa.</p>
      <input type="number" name="rounds2" id="rounds2"><br>
      <label for="turns2">Apenas números:</label><br><br>

      <p>Insira o tempo de referência para pontuar a resposta em dobro.</p>
      <input type="number" name="limit" id="limit"><br>
      <label for="number">Em segundos e apenas números:</label><br><br>

      <button class="button" type="submit"><i class="fa-solid fa-play" style="font-size:xx-large; color: #000000;"></i></button><br>
      <label for="number">Clique no botão para iniciar o jogo.</label> 
    </form>
  </div>
</body>
</html>
