<div class="boxForm">
    <!-- Logo de ORM -->
    <a href="https://ormve.org" target="_blank">
        <img src="./images/logoOrm.png"
        title="Olimpíada Recreativa de Matemáticas"
        class="logoOrm">
    </a>
    <!-- Formulario para el inicio de sesion o enlace a registro -->
    <span id="error"></span>
    <form class="dataEntry">
        <label for="mail">Correo</label>
        <input type="text" name="correo" id="mail" autofocus placeholder="example@gmail.com">
        <div class="recovery">
            <label for="password">Contraseña</label>
            <a id="recoverLink" href="#">¿Olvidó su contraseña?</a>
        </div>
        <div class="passHide">
            <input type="password" name="pass" id="password" placeholder="Contrase&ntilde;a"/>
            <i class="eye" id="eyePwd"></i>
        </div>
        <button type="button" id="login" class="start">Iniciar</button>
        <button type="button" id="register" class="register">Registrarse</button>
    </form>
</div>