.logo{
				position: absolute; /* far left */
				left: 0; 
				top: 22px;
			}
			
			.menu{
				display: block;
				color: white;
				font-weight: bold;
				font-size: 19px;
				text-align: right;
				margin: 40px;
				background-color: black;
				padding: 15px 30px;
			}
			
			.mainmenu{
				margin-right: 100px; /* main menu gap between text */
				color: white;
			}
			
			.container{
				position: relative;
			}
			
			
			
			#community{
				width: 992px;
				display: block;
				margin-right: auto;
				margin-left: auto;
			}
				
			
			#text-block{
				position: absolute;
				top: 60px;
				left: 28%
			}
			
			.author{ 
				display: flex;         /* Aligns texts horizontally */
				gap: 20px;
				text-align: center;
			}
			
			.items{
				flex: 1;
				margin-left: -30px;
			}
			
			.background-forest{
				background-image: url('../img/forest.jpg'); /* fill out form background*/
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
				height: 400px;
				width: 992px;
				margin-left: 110px;
			}
			
			#fillform{
				text-align: center;
				padding-top: 80px;
			}
			
			.heading{
				text-align: center; /* all headings */
			}
			
			.twocontainer{
				  display: flex;                  /* for layout */
				  justify-content: space-between; /* separate the images to the edges */
				  align-items: center;            /* centers the text and images */
				  width: 100%;                    
				  gap: 20px; 
				  line-height: 48px;
				  background-color: lightblue;
			}
			.centertex{
				text-align: center;            
				flex: 1;
			}
			
			.middlecontainer{
				display: flex;         /* flexbox layout */
				align-items: center;   
				gap: 20px;   
				margin-top: 40px;
				line-height: 40px;
				background-color: brown;
			}
			
			.listcontainer{
				display: flex;         /* flexbox layout */
				align-items: center;   
				gap: 300px;
				margin-top: 40px;
				margin-left: 20px;
				margin-bottom: 40px;
				line-height: 34px;
				background-color: orange;
				}
			
			.lastp{
				text-align: center;
			}
			
			#itemsid{
				line-height: 1.6;
			}
			
			.outercontainer{ 
				height: 100vh; /* learn from w3schools */
				display: flex;
				justify-content: center;
				align-items: center;
				background-image: url('../img/sunset.jpg'); 
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				gap: 30px;
				text-align: justify;
				line-height: 30px;
			}
			
			#website{
				text-align: justify;    
				text-align: center;
				font-family: Helvetica;
				font-size: 14px;
			}
			
			.left{
				display: flex;
				justify-content: center; 
				align-items: center; 
			}
			
			.right{
				text-align: center;
				color: red;
			}
			
			
			
			.finalcontainer{
				 display: grid;
				 grid-template-columns: 1fr 1fr; /* learn from w3schools */
				 gap: 20px; 
				 width: 100%;         
				 background-color: lightblue;
			}
			
			.texts{
				text-align: center;	
			}