body{
	background-color: #006633;
	align-content: center;
	display: block;
	min-height: 100dvh;
	
}

.container {
	display: flex;
	font-family: arial, sans-serif;
	flex-direction: row;
	width: auto;
	height: auto;
  background-color: yellow; 
  margin: auto;
  border: 0px solid black;
  border-radius: 25px;
  justify-content: center;  
}
img {
	width: 100%;
	padding: 5px;
	}		

.clear {
	clear: left;
	}

#logo{
	align-content: start;	
	}
	
#nav{
	width: 70%;
	margin-top: 20px;
	margin-bottom: 30px;
	}
	
#sit{
	align-content: start;
	margin-top: 40px;
	}
	/*
	#textarea{
		border: 4px solid black;
		background-color: #ffffff;
		border-radius: 25px;
		padding: 20px;
		margin-top: 10px;
		margin-bottom: 15px;
		font-family: verdana, arial, sans serif;
		font-size: 20px;
		}
	*/
	#text{
		border: 4px solid black;
		background-color: #ffffff;
		border-radius: 25px;
		padding: 8px;
		margin-top: 70px;
		margin-bottom: 50px;
		font-family: verdana, arial, sans serif;
		font-size: 20px;
		}
		
		#JenMir{
			float: left;
			width: 225px;
			height: 199px;
			}
			
			#JenMom{
				float: right;
				width: 225px;
				height: 203.5px;
				}
			
			#Callan{
				float: left;
				width: 150px;
				height: 117px;
				}
			
			
			#bold{
				font-weight: bold;
				}
				
			#EssBook{
				width: 225px;
				height: 168px;
					}
			
			#CallBook{
				width: 161px;
				height: 200px;
				}
				
			#MirSah{
				float: left;
				width: 225px;
				height: 178.5px;
				}
				
			.bold {
					font-weight: bold;
					font-size: 14px;
					}	
					
			.strong {
				font-weight: bold;
				}						
			
	.center-img {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.center-img > div {
  width: 200px;
  height: 200px;  
  display: flex;
  align-items: center;  
}

.center-img > div > img {
  width: 100%;
}

.grid {
	display: grid;
	grid-template-columns: repeat(4, 25%);
	
	}
	
	.grid > span {
		padding: 4px 2px;
		
		border-left: 4;
		border-right:4;
		border-top: 4;
		border-bottom: 4;
		border-style: solid;
		border-color: black;		
		}
		
	.areaText {
		-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
    width: 75%;
    resize: none;
		}
		
		.freeText {			
			color: black;
			border: black dotted 4px;
		  border-radius: 25px;
			padding: 5px;
			}
			
			.center {
				text-align: center;
				justify-content: center;
				}
		
		.green {
			color: white;
			background-color: green;
			}
			
			.blue {
			color: white;
			background-color: blue;
			}
			
			.redText {
			color: red;
			text-decoration: underline;
			}
			
			.purple {
			color: white;
			background-color: purple;
			}
			
			.brown {
			color: white;
			background-color: brown;
			}
			
			.orange {
			color: white;
			background-color: orange;
			}
					
	@media only screen and (max-width: 600px){
		.remove{
			display: none;
			} 
		}