<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="theme.css">
</head>
<body>
	<div class="container main">
		<h1>Snow10 ☃</h1>

		<form class="encode">
			<label for="hideText">Non-secret message: <input type="text" name="hideText"></label>
			<br>
			<h1>Secret message</h1>
			<textarea name="input" required></textarea>
			<h1>Output</h1>
			<textarea name="output" readonly></textarea>
			<input type="button" value="Hide - Unhide">
		</form>
	</div>
</body>
</html>