body{
    
}

.container {
    max-width: 1200px;
    margin: 0 auto; 
    padding: 20px;
    height: 500px;
}

.header {
    height: 200px;
    border: 1px solid black;
    margin-bottom: 20px;
    
}
.banner {
  width: 100%;
  height: 150px;
  overflow: hidden;
  /*margin-left calc(-50vw + 50%)*/
}
.banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top-nav {
  display: flex;
  justify-content: center;
  gap: 30px;
  background-color: white;
  padding: 10px;
}

.content-wrapper {
    display: flex;
    gap: 20px; 
    height:1000px;
}

.sidebar {
    display: flex;
    flex-direction: column;
    padding: 10px;
    width: 200px; 
    height: 100vh;
    border: 1px solid black;
}

.mainbar {
    flex-grow: 1;
    width: 100px;
    height: 100vh;
    border: 1px solid black;
    padding: 10px; 
}