body{
 font-family:"trebuchet ms",arial,helvetica;
 column-count:3;
 /*display:grid;*/
 /*grid-column: 3;*/
 /*grid-template-columns:repeat (3 ifr);*/
 /*gap:20px;*/
 /*position:absolute;*/
 /*z-index:-1;*/
 column-width:295px;
 text-align:center;
   column-gap:20px;
/*margin: 0 1.5% 24px 1.5%*/;
  /*overflow:hidden*/
 height:100%;
  background-color:#acc2c3
 }
 #wrapper {
 text-align: left; /* all contents in the id are initially left aligned*/
 border-style:none; /* set no style border for the wrapper*/
  margin-right:5px;
  width:fit-content;
  max-width:562px;
  padding:10px;
  border:10px;
  margin:10px;
 }
 iframe{
 display:auto;
 }
 header {
 display:auto;
 float:none;
 /*margin-top:10px;*/
  /*margin-left:491px;*/
  /*border-left:491px green;*/
 /*z-index: 14;*/
  background-color:rgba(3, 53, 19, 0.68);
  width:500%;
padding:20px;
padding-left:500px
 }
 nav{
 display:auto;
 margin-left:501px;
 margin-right:15px;
 width:2000px;
font-size:40px;
 }
 #navbar {
 display:auto;
border-bottom-style:solid;
border-bottom-color:black;
  margin-bottom:10px;
  width:2000px;
  background-color: rgb(99, 158, 129);
  
 
 }

 #leftcol {
 text-align: left; /*set the text to left alignment within the div*/
 width: 53%; /*set the width to 100% of the holding div (the wrapper div)*/
 margin-left:10px;
 margin-right:10px;
 /*float:left;*/
 margin: 0 1.5% 24px 1.5%;
background-color:rgb(99, 158, 129);
  column-fill:auto;
  column-gap:10px;
  height:853px;
float: left;
 break-inside:avoid
 }

 #midcol{
 text-align: left; /*align all text to the left of the div */
 width: 81%; /* make the width of the div, 100% of the wrapper size*/
 margin-left:10px;
 margin-right:10px;
 /*float:left; */
 margin: 0 1.5% 18px 1.5%;
float: left;
break-inside:avoid;
margin-top:247px

 }
 #rightcol {
 text-align: left; /* align all items to the left of the div*/
 width: 77%; /* set the column to 100% width of the midcol div*/
margin-left:10px;
 margin-right:10px; 
float:left; 
margin: 0 1.5% 24px 1.5%;
background-color:rgb(99, 158, 129);
margin-top:242px;
break-inside:avoid


}
 #column2 {
 text-align: left; /*align all items to the left of the div*/
 /*width: 78%;  set the column to 100% width of the midcol div*/
font-style:italic;
 }
 img{
 display:center;
align-content: center;
float:none;
 }
 h1 {
 color:black;
 font-size: 140%; /*set the font to 140% the default size*/
 font-weight: bold; /*make the font bold*/
 }
 h2 {
color:black;
font-size:120%; /*set the font to 120% the default size*/
font-weight: bold; /*make the font bold*/
}
 p {
 color: black;
 font-size: 90%; /*set the font to 90 % the default size*/
 }
 .menuitem {
 display:flex;
 text-decoration:none;
 }
a{
 text-decoration:none;
 color:black
}
ul{
 list-style-type: none;
}
li{
 display:flex;
 margin:20px
}
footer {
clear:both; /* turn off left and right floating*/
color: black; /* set the colour of the text to white*/
font-size: 100%; /* change the font size to 100% default size*/
 margin-left:20px; /* set the left margin to 20px */
 }