/* Body background color for dark mode */
    body {
      background-color: #36393F;
      color: #FFFFFF;
      font-family: sans-serif;
      margin: 0;
      padding: 0;
    }

    /* Container for main content with some padding */
    .container {
      max-width: 800px;
      padding: 20px;
      margin: 0 auto;
    }

    /* Create a header element for the channel name */
    .header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 20px;
      border-bottom: 1px solid #4F545C;
    }

    .header h1 {
      font-size: 20px;
      font-weight: bold;
    }

    /* Style for the chat messages area */
    .chat-messages {
      border-radius: 5px;
      background-color: #4F545C; /* Darker background for messages */
      padding: 20px;
      overflow-y: scroll;
      height: 400px;
    }

    /* Individual chat message styling */
    .message {
      display: flex;
      align-items: center;
      margin-bottom: 10px;
    }

    .message-avatar {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background-color: #7289DA; /* Placeholder color for avatar */
    }

    .message-content {
      margin-left: 10px;
      flex: 1;
      background-color: #5C636A; /* Message content background */
      padding: 10px;
      border-radius: 5px;
      color: #FFFFFF; /* Text color for dark backgrounds */
    }

    .message-username {
      font-weight: bold;
      margin-bottom: 5px;
      color: #FFFFFF; /* Text color for dark backgrounds */
    }

    /* Form elements with lighter backgrounds for readability */
    form {
      background-color: #40444B;
      padding: 15px;
      border-radius: 5px;
    }

    label {
      color: #FFFFFF; /* Text color for dark backgrounds */
    }

    input[type="text"],
    button[type="submit"] {
      background-color: #36393F;
      color: #FFFFFF; /* Text color for dark backgrounds */
      border: 1px solid #4F545C;
      padding: 5px 10px;
      border-radius: 5px;
    }

    button[type="submit"] {
      cursor: pointer;
    }