body {
	
	background-color: rgb(35, 35, 35);
	
}

#Main {
	
	color: rgb(0, 200, 0);
    font-family: 'Nunito Sans', sans-serif;
	
}

.centred {
	
	text-align: center;
	
}

/*added*/
.container {
	
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 40px;
	width: 75%;
	margin: 50px auto;
	padding: 20px;
  
}

.profilePhoto img {
	
	width: 100%;
	height: auto;
	object-fit: cover;
	border: 4px solid darkgreen;
	
}

.profilePhoto {
	
	flex: 1;
	max-width: 50%;
	
}

.aboutMe {
	
	max-width: 500px;
	
}

/*Responsive Image and Text stacking */
@media (max-width: 768px) {
	
	.container {
		
		flex-direction: column;
		text-align: center;
	
	}
	
	.profilePhoto img {
		
		width: 150px;
		height: 150px;
	
	}
	
}