Migliora questo codice in  html 
<!DOCTYPE html>
<html>
<head>
	<title>ANONYMOUS CRYPT 1.1</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
	<style>
		body {
			background-color: black;
			color: green;
			font-family: Arial, sans-serif;
			font-size: 16px;
			margin: 0;
			padding: 20px;
		}
		h1 {
			margin-top: 0;
		}
		label {
			display: block;
			margin-bottom: 10px;
		}
		input[type="text"],
		textarea {
			display: block;
			width: 100%;
			padding: 10px;
			margin-bottom: 20px;
			border: none;
			background-color: white;
			color: black;
			font-size: 16px;
		}
		input[type="button"] {
			display: block;
			padding: 10px;
			background-color: green;
			color: white;
			border: none;
			cursor: pointer;
			margin-bottom: 20px;
		}
		.errore {
			color: red;
		}
	</style>
</head>
<body>
	<h1>ANONYMOUS CRYPT 1.1</h1>
	<label for="testo-da-criptare">Testo da criptare:</label>
	<textarea id="testo-da-criptare" rows="5" placeholder="Inserisci il testo da criptare"></textarea>
	
    <label for="password-di-crittografia">Password di crittografia:</label>
    <input type="text" id="password-di-crittografia" placeholder="Inserisci la password di crittografia">
    <input type="button" value="Genera Password Casuale" onclick="generaPasswordCasuale()">
    
    <input type="button" value="Crittografa" onclick="criptaTesto()">
    
    <label for="testo-criptato">Testo criptato:</label>
 