body {
  background-image: url('../images/background.png'); /* Path to your background image */
  background-repeat: repeat; /* Tile the image */
  background-size: auto; /* Keep the original size of the image */
  margin: 0; /* Remove default margin */
  padding: 0; /* Remove default padding */
  font-family: Arial, sans-serif; /* Optional: set a default font */
  color: #333; /* Optional: set default text color */
}
 <style>
    /* Optional inline CSS if you're not using an external file */
    .center {
      text-align: center; /* Centers content horizontally */
    }
  
  /* Wrapper to align both the stream and chat side by side */
.stream-chat-container {
    display: flex;
    flex-wrap: wrap; /* Allow wrapping for smaller screens */
    justify-content: space-between;
    gap: 20px;
    margin: 20px;
}

/* Stream container */
.stream-container {
    flex: 1 1 60%; /* Takes 60% of available space */
    max-width: 100%; /* Ensures no overflow */
}

/* Chat container */
.chat-container {
    flex: 1 1 35%; /* Takes 35% of available space */
    max-width: 100%;
    min-width: 250px; /* Minimum width for the chat box */
}

/* Responsive for mobile */
@media screen and (max-width: 768px) {
    .stream-container, .chat-container {
        flex: 1 1 100%; /* Stacks vertically on mobile */
        max-width: 100%;
    }
}
 </style>