body {
    font-family: Arial;
    padding: 20px;
    margin: 0;
    padding: 0;
    height: 100%;
}

input { padding: 5px; margin: 5px; }

button { padding: 6px 10px; }



    html, body {
      height: 100%;
      width: 100%;
    }

    body {
      display: flex;
      justify-content: center;   /* Centraliza horizontalmente */
      align-items: center;       /* Centraliza verticalmente */
      position: relative;
    }

    .image {
      position: absolute;
      top: 40vh; /* 40% da altura da tela — um pouco acima do centro (50vh) */
      left: 50vw;
      transform: translate(-50%, -50%);
    }

    .image img {
      width: 30vw;       /* Responsivo: 30% da largura da tela */
      max-width: 300px;  /* Limite máximo para não ficar gigante */
      height: auto;
    }

    .container img {
        width: 300px;
    }

    

    @media (max-width: 600px) {
      .image img {
        width: 60vw;  /* Em telas menores, aumenta um pouco o tamanho */
      }}