body{
	direction: rtl;
	background-color: #eaeaea;
}
header{
	display: flex;
	justify-content: center;
	text-align: center;
}
.main{
	width: 800px;
  background-color: #fff;
  padding: 15px;
  border-radius: 12px;
  box-shadow: 20px 10px 10px , 20px 10px gray;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.controlButton{
	display: grid;
}
@media screen and (max-width: 800px){
	.main{
		width:100%;
		padding: 13px;
	}
   
}