body{
display:flex;
justify-content:center;
background-image: url(patchwork.jpeg);
}
   banner{
background-color: #3e6927;
width: 100%;
height: 50px;
border: 3px dotted;
font-size: 100%;
}
    mainpg{
background-image: linear-gradient(to bottom, white, darkgreen);
display:flex;
font-size: 20px;
justify-content:center;
border: 3px solid;
position: absolute;
width: 500px;
height: 500px;
top: 75px;
}
 leftside{
display:flex;
background-image: linear-gradient(to bottom, white, darkgreen);
position: absolute;
left: 375px;
border: 3px solid;
width: 150px;
height: 500px;
margin: 0;
top: 75px;
    }
rightside{
display:flex;
background-image: linear-gradient(to bottom, white, darkgreen);
position: absolute;
left: 1065px;
border: 3px solid;
width: 150px;
height: 500px;
margin: 0;
top: 75px;
}
@media(orientation: portrait) {
  leftside{
    width: 135px;
    left: 90px;
    }
rightside {
    width: 135px;
    left: 750px;
}