@charset "UTF-8";
/*
 * v1.2 (alfa)
 *  - Authors Hologa
 *  - opts.mx
 *  - Licensed under MIT (opts.mx)
 *  - Compatible - Bootstrap 4
*/


/*
  / \__
 (    @\____
 /         O
/   (_____/
/_____/   U
¡Guau! hologa
*/

/* Fuentes */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");


/* ====================
	* FORMULARIO *
==================== */

body {
	background-image: url(../img/background.png);
    background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #031B4E;
}

.texto-usuario {
	font-family: 'Poppins', sans-serif;
}

.texto-password {
	font-family: 'Poppins', sans-serif;
}

#username {
	font-family: 'Poppins', sans-serif;
}

#password {
	font-family: 'Poppins', sans-serif;
}

.password-wrapper {
	position: relative;
}

.toggle-button {
	display: inline-flex;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: unset;
	right: 12px;
	cursor: pointer;
}

.eye-icon {
	width: 20px;
	height: 20px;
}
/* ====================
	* FORMULARIO *
==================== */