body{
	background:#F7F7F7;
	font-family:Times New Roman, sergoe UI;
}

.Account-Error-p{
	display:flex;
	justify-content:center;
	align-items:center;
	color:red;
	background:;
	height:7vh;
}

footer{
		color:#FFFFFFB2;
		background:#2F2D2D;
	}
.fa-facebook,.fa-linkedin{
		font-size:1.5em;
		color:#BBBBBB;
		margin-right:5%;
	}
header span{
		font-weight:bold;
	}
	
@media screen and (max-Width:991px){
	
	#body{
		;
	}
	
	header{
		display:flex;
		justify-content:space-between;
		align-items:center;
		background:#A8D5BA;
		height:10vh;
		padding:1%;
	}
	
	
	footer div a{
		text-decoration:none;
	}
	
	footer ul{
		list-style:none;
		padding-left:0.25em;
	}
	
	footer ul a{
		text-decoration:none;
		color:#FFFFFFB2;
	}
	
	footer ul li{
		padding-bottom:2%;
		padding-top:2%;
	}
	footer div h3{
		font-weight:normal;
		margin-bottom:10px;
		font-size:1em;
		padding-left:1.2%;
	}	
	
	#copyright{
		display:flex;
		justify-content:center;
		align-items:center;
	}
	
	/* styling the create Account */
	.sub_div input, .sub_div select{
		display:block;
		font-family:"Times New Roman";
		font-size:15px;
		width:100%;
		box-sizing:border-box;
		border:none;
		border-bottom:1px solid black;
		background:inherit;
		padding-top:5%;
	}
	label{
		font-family:"Times New Roman";
		font-size:18px;
	}
	#body h3{
		background:;
		text-align:center;
	}
	.sub_div input:focus,.sub_div select:focus{
		border:none;
		outline:none;
		border-bottom:2px solid #A8D5BA;
	}
	
	.sub_div{
		background:;
		margin-bottom:5%;
		width:85%;
	}
	.sub_div input[type="submit"]{
		background:#A8D5BA;
		border:none;
		width:40%;
		height:10vh;
		border-radius:10px;
		font-weight:bold;
		display:flex;
		justify-content:center;
		align-items:center;
		padding:0;
	}
	
	.submit{
		background:;
		display:flex;
		justify-content:flex-end;
		align-items:center;
		
	}
	
	.cancel {
		background:;
		height:5vh;
		display:flex;
		justify-content:flex-start;
	}
	.cancel a{
		width:30%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-decoration:none;
		color:#F29F22;
		border-radius:10px;
		border:2px solid #F29F22;
	}
	
	#form{
		background:;
		display:flex;
		flex-direction:column;
		align-items:center
	}
	.sub_div div{
		background:;
		display:flex;
	
	}
	.sub_div div i{
		font-size:30px;
		margin-left:2%;
	}
	
}
	
	
@media screen and (min-Width:991px){
	*{
		margin:0;
		padding:0;
	}
	header{
		box-sizing:border-box;
		margin-top:0;
		background:#A8D5BA;
		display:flex;
		justify-content:space-between;
		align-items:center;
		height:10vh;
		padding-left:4%;
		padding-right:7%;
	}
	header span{
		font-weight:bold;
		font-size:23px;
	}
	#body{
		background:;
		height:80vh;
		overflow:scroll;
	}
	
	#form{
		background:;
		display:grid;
		grid-template-columns:30% 30% 30%;
		gap:10px;
		padding:3%;
	}
	.cancel {
	  grid-column: 1;
	}
	.sub_div input, .sub_div select{
		display:block;
		font-family:"Times New Roman";
		font-size:23px;
		width:100%;
		box-sizing:border-box;
		border:none;
		border-bottom:1px solid black;
		background:inherit;
		padding-top:3%;
	}
	
	label{
		font-family:"Times New Roman";
		font-size:20px;
	}
	
	.sub_div{
		background:;
		margin-bottom:5%;
		width:85%;
		height:10vh;
	}
	
	.sub_div input:focus,.sub_div select:focus{
		border:none;
		outline:none;
		border-bottom:2px solid #A8D5BA;
	}
	
	
	.sub_div div{
		background:;
		display:flex;
	
	}
	.sub_div div i{
		font-size:30px;
		margin-left:2%;
		cursor:pointer;
	}
	
	.sub_div input[type="submit"]{
		background:#A8D5BA;
		border:none;
		width:80%;
		height:6vh;
		border-radius:10px;
		font-weight:bold;
		cursor:pointer;
	}
	
	.submit{
		background:;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	
	.cancel {
		background:;
		height:6vh;
		display:flex;
		justify-content:start;
		align-items:center;
	}
	.cancel a{
		height:6vh;
		width:60%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-decoration:none;
		color:#F29F22;
		border-radius:10px;
		border:2px solid #F29F22;
	}
	
	.cancel a:hover{
		background:#F29F22;
		color:white;
	}
	#body h3{
		background:;
		text-align:center;
		padding-top:3%;
	}
	footer{
		height:10vh;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	#footera{
		display:flex;
		background:;
		justify-content:center;
		align-items:center;
	}
	#footera ul{
		display:none;
	}
	#footera h3{
		display:none;
	}
	#copyright{
		background:;
		display:flex;
		justify-content:center;
		align-items:center;
		height:6vh;
	}
	.fa-facebook{
		position:absolute;
		right:3%;
		bottom:2%;
		margin-top:3%;
		font-size:1.5em;
		color:#BBBBBB;
	}
	.fa-linkedin{
		position:absolute;
		right:0%;
		bottom:2%;
		margin-top:3%;
		font-size:1.5em;
		color:#BBBBBB;
	}
	
}