h2{
	text-align: center;
	align-content: center;
	justify-items: center;
}

form{
	
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    justify-items: center;
    height: 100vh;
    width: auto;

	}

label {
	
	font-family: "Karla", sans-serif;
	color: black;
	font-size: 15px;
	margin-bottom: 5px;
	border-radius: 5px;
	
	}

form label[for="contrasenya"]{
	width: auto; /* para que los botones no se expandan */
	padding: 5px 16px;
	border-radius: 7px;
	border-color: darkred;
	gap: 20px;
	color: darkred;
	background-color: white;
}
	

form label[for="usuari"]{
	width: auto; /* para que los botones no se expandan */
	padding: 5px 35px;
	border-radius: 7px;
	border-color: darkred;
	gap: 20px;
	color: darkred;
	background-color: white;
}


form input[type="submit"], form input[type="reset"] {
	
	width: auto; /* para que los botones no se expandan */
	padding: 9px 16px;
	border-radius: 7px;
	border-color: darkred;
	gap: 20px;
	color: darkred;
	background-color: white;

	}

	/* XAT */

	
	



	.formulario_perfil{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: center;
		align-content: center;
		justify-items: center;
		height: 100vh;
		width: auto;
		align-items: center;
	
	}

	.formulario_chat{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: center;
		align-content: center;
		justify-items: center;
		height: 100vh;
		width: auto;
	
	}