hamburger styling

src/App.css

@@ -209,6 +209,8 @@ main {
 }
 
 #hamburger {
-  display: fixed;
+  position: absolute;
+  top: 0px;
+  left: 0px;
   z-index: 10;
 }

src/App.tsx

@@ -63,8 +63,8 @@ function App() {
       <div id="background">
         <CrossfadeImage src={backdrop} style={crossfadeImageStyles} />
       </div>
-      <HamburgerMenu config={config} setConfig={setConfig} />
       <main >
+        <HamburgerMenu config={config} setConfig={setConfig} />
         <Sidebar movie={chosenMovie} similarMoviesAvailable={similarMoviesAvailable} watchProviders={watchProviders} />
         <div id="movie-wall-container">
           <MovieWall movies={movies}