.body {
	background-color: burlywood;
	margin: 0;
}
.paragraph {
	flex-direction: column;
	margin-right: 10%;
	margin: 5px;
	align-items: flex-start;
}
h2 {
	color: darkgreen;
	margin-left: 5px;
}
.banner {
	display: flex;
	flex-direction: column;
}
.banner > #bannerImage {
	width: 100%;
}

#titleBanner {
	display: flex;
	flex-flow: row;
	border: 3px solid black;
}

#titleandsubtitle {
	text-indent: 5px;
	color: orangered;
	justify-content: flex-start;
	border: 3px solid green;
}
#buttonGroup {
	justify-content: flex-end;
	border: 3px solid red;
}
.button {
	color: magenta;
	cursor: pointer;
}

.darkButton {
	color: magenta;
	background-color: rgb(75, 10, 135);
	cursor: pointer;
}

img.images {
	max-height: 480px;
	max-width: 30%;
	align-content: space-between;
	flex-direction: row;
}

#about .me {
	width: 66.6%;
	height: auto;
}

.darkColors {
	background-color: black;
	color: gray;
	margin: 0;
}

.defaultColors {
	background-color: burlywood;
	margin: 0;
}