body {
text-align: center;
 font-family: "Noto sans", 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 {
background-color:white;
border: 5px solid;
border-color:white;
color:#333333;
padding: 0px;
width: 62.7%;
height:auto;
margin-left: 20%;
margin-right: 20%;
overflow: hidden;
 margin-bottom: 10px;
}
.banner {
    width: 100%;
    max-height: 150px;
    object-fit: cover;
     display: block;
      margin: 0px;
    padding: 0;
    box-sizing: border-box;
}

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