body {
text-align: center;
 font-family:'impact', sans-serif;
 background-image: url("https://i.pinimg.com/1200x/16/cb/63/16cb633ea55df0f96b821de956159827.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
}

#banner {
justify-content: center;
background-color:white;
border: 5px solid;
border-color:white;
color:#333333;
padding: 0px;
width: 62.99%;
height:auto;
margin-left: 20%;
margin-right: 20%;
overflow: hidden;
 margin-bottom: 10px;
}
.banner {
    width: 100%;
    max-height: 150px;
    object-fit: cover;
       display: flex;
      justify-content: center;
      margin: 0px;
    padding: 0;
    box-sizing: border-box;
}

#container{
  display: flex;
  justify-content: center;
  gap: 5px;

  width: 100%;
}

#main {
background-color:white;
border: 3px solid;
border-color:black;
color:#333333;
padding: 0px 20px 20px 20px;
width: 50%;
height:auto;
margin-left: 2%;
margin-right: 2%;
    flex-direction: column;
    gap: 5px;
}

.sidebar{
width: 150px;
background-color:white;
border: 3px solid;
border-color:black;
  padding: 30px;
}