@font-face {
  font-family: Lora;
    src: url("https://the-burger-zone.neocities.org/Fonts/Lora%20(Standard%20Text/Lora-Regular.ttf");
}

Body {
    margin: 0;
    width: 1920;
    background-image: url("https://the-burger-zone.neocities.org/Images%20and%20Gifs/4th-of-july-night.gif");
    }
    
  
.main-container {
  display: flex;
  justify-content: space-between;
  background-image: url("https://the-burger-zone.neocities.org/Images%20and%20Gifs/CreasedPaper.jpg");
  background-repeat: repeat-y; /* or repeat for full tiling */
  background-size: auto; /* or cover / contain depending on the look */
  position: absolute;
  top: 300px;
  left: 250px;
  right: 960px;
  width: 1420px;
  min-height: 1000px; /* set some height or let it grow with content */
  z-index: 1;
}

.sub-container-header {
  position: absolute;
  bottom: 61px;
  Z-index: 2;
}

.sub-container-1 {
position: relative;
left: 50px;
top: 50px;
width: 500px;
Justify-content: space-between;
Z-index: 3;

}

.sub-container-2 {
position: relative;
right: 50px;
top: 50px;
width: 500px;
justify-content: space-between;
z-index: 3;
}

.sidebar {
position: fixed;
top: 0;
left: 0;
width:250px;
Z-index: 3;
}