Changed around line 1
+ body {
+ font-family: 'Courier New', Courier, monospace;
+ background-color: #1a1a1a;
+ color: #00ff00;
+ margin: 0;
+ padding: 0;
+ line-height: 1.6;
+ }
+
+ header {
+ background-color: #000;
+ padding: 20px;
+ text-align: center;
+ }
+
+ header h1 {
+ margin: 0;
+ font-size: 2.5em;
+ }
+
+ header p {
+ margin: 0;
+ font-size: 1.2em;
+ }
+
+ main {
+ padding: 20px;
+ }
+
+ section {
+ margin-bottom: 40px;
+ }
+
+ h2 {
+ font-size: 2em;
+ margin-bottom: 10px;
+ }
+
+ textarea {
+ width: 100%;
+ height: 100px;
+ background-color: #000;
+ color: #00ff00;
+ border: 1px solid #00ff00;
+ padding: 10px;
+ font-family: 'Courier New', Courier, monospace;
+ }
+
+ button {
+ background-color: #00ff00;
+ color: #000;
+ border: none;
+ padding: 10px 20px;
+ font-family: 'Courier New', Courier, monospace;
+ cursor: pointer;
+ margin-top: 10px;
+ }
+
+ button:hover {
+ background-color: #00cc00;
+ }
+
+ #outputText {
+ margin-top: 20px;
+ padding: 10px;
+ background-color: #000;
+ border: 1px solid #00ff00;
+ color: #00ff00;
+ font-family: 'Courier New', Courier, monospace;
+ }
+
+ footer {
+ background-color: #000;
+ padding: 10px;
+ text-align: center;
+ font-size: 0.9em;
+ }