.accountcont {
	display: grid;
	grid-template-columns: auto 200px 800px auto;
	gap: 0px 0px;
	width: 100%;
	height: 400px;
	border: none;
	background: white;
	padding: 0px 0px 0px 0px;
}
.logandcreate {
	display: flex;
	grid-column-start: 1;
	grid-column-end: 3;
	justify-content: flex-end;
	background: rgb(240, 240, 240);
}
.buttonholder {
	display: grid;
	align-content: center;
	justify-content: center;
	border-right: .0625em solid #999;
	width: 276px;
	height: 376px;
	margin: 12px 12px 12px 12px;
}
.graphic {
	display: flex;
	padding: 0px 0px 0px 0px;
	grid-column-start: 3;
	grid-column-end: 5;
	justify-content: center;
	background-image: url(luca-bravo-graphic.jpg);
	background-size: cover;
}
.textgrid {
	display: grid;
	width: 100%;
	height: 400px;
	grid-template-columns: 300px 500px auto;
	padding: 0px 0px 0px 0px;
	gap: 0px 0px;
}
.textovergraphic {
	display: flex;
	gap: 0px 0px;
	padding: 0px 0px 0px 0px;
	grid-column-start: 1;
	grid-column-end: 2;
	justify-content: center;
	background: rgb(240, 240, 240);
}
.fadinggraphic {
	display: flex;
	gap: 0px 0px;
	padding: 0px 0px 0px 0px;
	grid-column-start: 2;
	grid-column-end: 4;
	justify-content: center;
	background-image: linear-gradient(to left, rgba(240, 240, 240,0), rgba(240, 240, 240,1));
}