.main-and-footer { 	display: flex; 	flex-direction: column; 	 	margin-top: 50px; 	 	 	 	align-items: center; 	 }     .main-cover { 	 	display: flex; 	flex-direction: column; 	 	max-width: 1000px; 	 	width: 100%; 	 	padding: 20px; 	background-color: white; 	border-radius: 3px; 	margin-top: 10px; 	min-height: calc(100vh - 150px); }    .page-title { 	margin-bottom: 10px; 	color: var(--dark); 	display: flex; 	justify-content: space-between; 	align-items: center; } .editform-div { 	 	 	 	 	padding: 10px; 	background: rgb(226,243,235); } .form-group { 	margin-top: 10px; 	margin-bottom: 10px; } .form-group label { 	display: block; 	margin: 8px; 	 	color: var(--dark); }  .form-control { 	width: 100%; 	padding: 12px 15px; 	border: 1px solid var(--border); 	border-radius: 8px; 	font-size: 1rem; 	transition: border-color 0.3s; }  .form-control:focus { 	border-color: var(--primary); 	outline: none; 	box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.2); }  textarea.form-control { 	min-height: 200px; 	resize: vertical; }  .edit-submit-div { 	text-align: center; 	margin-top: 20px; 	margin-bottom: 10px; } .edit-submit-div button { 	padding: 12px 40px; } .edit-submit-div a { 	margin-left: 15px; 	background-color: #f0f0f0; 	color: #333; }   input[type="email"]:invalid { 	color: red; } input[type="tel"]:invalid { 	color: red; }