body{font-family:Arial,sans-serif;margin:0;padding:0;text-align:center;background-color:black;color:red;display:flex;flex-direction:column;min-height:100vh}header,footer{background-color:darkred;padding:1em;color:white;text-align:center}header{position:sticky;top:0;z-index:10}nav{display:flex;justify-content:center;margin-top:10px;flex-wrap:wrap}nav a{margin:0 15px;text-decoration:none;color:white;font-weight:bold;white-space:nowrap;transition:color 0.3s}nav a:hover{color:#ffcccb}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;top:100%;left:0;background-color:darkred;min-width:160px;box-shadow:0 8px 16px rgba(0,0,0,0.2);z-index:1;border:1px solid white;border-radius:8px}.dropdown-content a{color:white;padding:12px 16px;text-decoration:none;display:block;transition:background-color 0.3s}.dropdown-content a:hover{background-color:red}.dropdown:hover .dropdown-content{display:block}.container{flex:1;max-width:800px;width:100%;margin:auto;padding:20px;display:flex;flex-direction:column;align-items:center}textarea,pre{width:100%;max-width:800px;height:300px;margin:10px 0;padding:10px;box-sizing:border-box;background-color:#333333;color:#dddddd;border:1px solid darkred;box-shadow:0 0 10px rgba(255,0,0,0.5)}pre{background-color:#1e1e1e;overflow:auto;white-space:pre-wrap;text-align:left;color:white}button{background-color:darkred;color:white;border:none;padding:10px 20px;cursor:pointer;margin:10px;transition:background-color 0.3s}button:hover{background-color:red}footer{text-align:center;margin-top:auto}.description{color:white;font-size:1.2em;margin-bottom:20px}