<section id="login">
		<h2 class="sectionh"><span class="fas fa-user"></span> تسجيل الدخول</h2>
		<input type="text" placeholder="أدخل بريدك الالكتروني">
		<input type="password" placeholder="أدخل كلمة المرور">
		<input type="submit" value="تسجيل دخول">
		<a href="#" class="forget">فقدت كلمة المرور؟</a>		
	</section>

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
body{
	direction:rtl;
	background-color: #E6E7E8; 
	font-family: 'Amiri', serif;
}
#login{
	text-align:right;
	width:50%;
	margin:auto;
	padding:30px 15px;
}
.sectionh{
	font-size:30px;
	margin-bottom:20px;
	color: #BF2A2A;	
	text-align:center;
}
input[type=text], input[type=password]{
	width:100%;
	height:70px;
	padding:20px 10px;
	margin-bottom:15px;
	border-radius: 5px;
	border: 1px solid #EEE;
}
input[type=text]:focus, input[type=password]:focus{
	border: 2px solid #DDD;
	outline:0;
}
input[type=submit]{
	width: 100%;
	padding:10px 10px;
    border: 1px solid #024959;
    background-color: #024959;
    font-weight: bold;
    font-size: 16px;
    border-radius: 5px;
	font-family: 'Amiri', serif;
	outline:0;
	cursor:pointer;
	color: #E6E7E8;
	margin-bottom:15px;
}
.forget{
	color: #024959;
	text-decoration:none;
}