body{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100vh;
	color: #333;
	font-family: Arial, sans-serif;
	text-align: center;
	direction: rtl;
}
.remove{
	display: none;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgb(75, 119, 187) !important;
}
.continer{
	width: 500px;
	background-color: #e7e7e7;
	border-radius: 15px;
	box-shadow: 20px 10px 10px;
	padding: 5px;
}
.quote{
	font-size: 1.5rem;
	color: #424242;
}
.author{
	font-size: 1.2rem;
	color: #555;
}
button{
	padding: 10px 20px;
}
.nav{
	position: fixed;
	left: 25px;
	bottom: 25px;
}
.err{
	color: red;
}
#message{
	border-radius: 50%;
  height: 55px;
  text-align: center;
  width: 55px;
  display: flex;
  justify-content: center;
  align-items: center
}
.dark{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
}
.form-email{
	width: 550px;
	position: absolute;
	z-index: 22;
	border-radius: 15px;
	padding: 10px;
}
sqp{
	color: red;
}
@media screen and (max-width: 500px){
	body{
		margin: 0 5px;
	}
	.continer,.form-email{
		width:100%;
		padding: 13px;
	}
}