fix broadcast layout

tournaments/templates/tournaments/broadcast/broadcasted_bracket.html

@@ -44,51 +44,6 @@
         font-size: 0.6em !important;
         z-index: 1000; /* Ensure it's on top of other elements */
       }
-
-      html, body {
-        margin: 0;
-        padding: 0;
-      }
-
-      body {
-        display: flex;
-        justify-content: center; /* Center content horizontally */
-        flex-direction: column; /* Ensure header and footer are positioned correctly */
-        min-height: 100vh; /* Make body at least the height of the viewport */
-      }
-
-      header {
-        /* Your existing header styles */
-      }
-
-      .wrapper {
-        /* Take up remaining vertical space */
-        flex-grow: 1;
-        display: flex;
-        justify-content: center; /* Center content horizontally within the wrapper */
-      }
-
-      main {
-        /* Allow main to take the full width for horizontal centering of its content */
-        display: flex;
-        justify-content: center; /* Center the bracket container horizontally */
-        width: 100%;
-      }
-
-      .bracket-container {
-        /* Allow it to size based on content, with max width constraint */
-        max-width: 95vw;
-        /* Remove max-height to allow vertical scrolling */
-      }
-
-      .butterfly-bracket {
-        /* Let the bracket flow within its container */
-        width: auto; /* Adjust as needed based on your bracket's inherent width */
-      }
-
-      footer.footer-broadcast {
-        /* Your existing footer styles */
-      }
     </style>
 
     <!-- <div id="screen-size-overlay"></div> -->