@-webkit-keyframes jelly{
	0%,to{
	-webkit-transform:scale(1,1);
	transform:scale(1,1)}
30%{
	-webkit-transform:scale(1.25,.75);
	transform:scale(1.25,.75)}
40%{
	-webkit-transform:scale(.75,1.25);
	transform:scale(.75,1.25)}
50%{
	-webkit-transform:scale(1.15,.85);
	transform:scale(1.15,.85)}
65%{
	-webkit-transform:scale(.95,1.05);
	transform:scale(.95,1.05)}
75%{
	-webkit-transform:scale(1.05,.95);
	transform:scale(1.05,.95)}
}
@keyframes jelly{
	0%,to{
	-webkit-transform:scale(1,1);
	transform:scale(1,1)}
30%{
	-webkit-transform:scale(1.25,.75);
	transform:scale(1.25,.75)}
40%{
	-webkit-transform:scale(.75,1.25);
	transform:scale(.75,1.25)}
50%{
	-webkit-transform:scale(1.15,.85);
	transform:scale(1.15,.85)}
65%{
	-webkit-transform:scale(.95,1.05);
	transform:scale(.95,1.05)}
75%{
	-webkit-transform:scale(1.05,.95);
	transform:scale(1.05,.95)}
}
@-webkit-keyframes grow{
	0%{
	-webkit-transform:scale(.3);
	transform:scale(.3)}
to{
	-webkit-transform:scale(1);
	transform:scale(1)}
}
@keyframes grow{
	0%{
	-webkit-transform:scale(.3);
	transform:scale(.3)}
to{
	-webkit-transform:scale(1);
	transform:scale(1)}
}
@-webkit-keyframes fadein{
	0%{
	opacity:0}
to{
	opacity:1}
}
@keyframes fadein{
	0%{
	opacity:0}
to{
	opacity:1}
}
@-webkit-keyframes buildup{
	0%{
	-webkit-transform:scaleY(0);
	transform:scaleY(0)}
to{
	-webkit-transform:scaleY(1);
	transform:scaleY(1)}
}
@keyframes buildup{
	0%{
	-webkit-transform:scaleY(0);
	transform:scaleY(0)}
to{
	-webkit-transform:scaleY(1);
	transform:scaleY(1)}
}
@-webkit-keyframes fadedown{
	0%{
	opacity:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)}
to{
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)}
}
@keyframes fadedown{
	0%{
	opacity:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)}
to{
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)}
}
@-webkit-keyframes fadeout{
	0%{
	opacity:1}
to{
	opacity:0}
}
@keyframes fadeout{
	0%{
	opacity:1}
to{
	opacity:0}
}
@-webkit-keyframes fadeup{
	0%{
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)}
to{
	opacity:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)}
}
@keyframes fadeup{
	0%{
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)}
to{
	opacity:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%)}
}
@-webkit-keyframes shrink{
	0%{
	-webkit-transform:scale(1);
	transform:scale(1)}
to{
	-webkit-transform:scale(.3);
	transform:scale(.3)}
}
@keyframes shrink{
	0%{
	-webkit-transform:scale(1);
	transform:scale(1)}
to{
	-webkit-transform:scale(.3);
	transform:scale(.3)}
}
@-webkit-keyframes growout{
	0%{
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)}
to{
	opacity:0;
	-webkit-transform:scale(10);
	transform:scale(10)}
}
@keyframes growout{
	0%{
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)}
to{
	opacity:0;
	-webkit-transform:scale(10);
	transform:scale(10)}
}
@-webkit-keyframes containerBgIn{
	0%{
	background-color:transparent}
to{
	background-color:rgba(0,0,0,.4)}
}
@keyframes containerBgIn{
	0%{
	background-color:transparent}
to{
	background-color:rgba(0,0,0,.4)}
}
@-webkit-keyframes containerBgOut{
	0%{
	background-color:rgba(0,0,0,.4)}
to{
	background-color:transparent}
}
@keyframes containerBgOut{
	0%{
	background-color:rgba(0,0,0,.4)}
to{
	background-color:transparent}
}
@-webkit-keyframes collapse{
	0%{
	-webkit-transform:scaleY(1);
	transform:scaleY(1)}
to{
	-webkit-transform:scaleY(0);
	transform:scaleY(0)}
}
@keyframes collapse{
	0%{
	-webkit-transform:scaleY(1);
	transform:scaleY(1)}
to{
	-webkit-transform:scaleY(0);
	transform:scaleY(0)}
}
.button{
	display:block;
	width:180px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:1px solid #888;
	background-color:#dedede;
	padding:10px 20px;
	cursor:pointer;
	-webkit-transition:200ms ease-out;
	transition:200ms ease-out;
	margin:0 auto}
.button:not(:last-child){
	margin-bottom:10px}
.button:hover{
	background:#b8b8b8}
.container{
	
	}
.options{
	line-height:20px;
	font-family:monospace}
.lightbox{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	z-index:99;
	display:none;
	overflow:auto}
.lightbox--closing,.lightbox--opening{
	-webkit-animation-name:containerBgOut;
	animation-name:containerBgOut;
	-webkit-animation-timing-function:ease;
	animation-timing-function:ease}
.lightbox--opening{
	-webkit-animation-name:containerBgIn;
	animation-name:containerBgIn}
.lightbox--open{
	background-color:rgba(0,0,0,.4);
	display:block}
.lightbox--open .lightbox__inner--grow,.lightbox--open .lightbox__inner--jelly{
	-webkit-animation-name:jelly;
	animation-name:jelly;
	-webkit-animation-timing-function:ease;
	animation-timing-function:ease}
.lightbox--open .lightbox__inner--grow{
	-webkit-animation-name:grow;
	animation-name:grow}
.lightbox--open .lightbox__inner--fadedown,.lightbox--open .lightbox__inner--fadein{
	-webkit-animation-name:fadein;
	animation-name:fadein;
	-webkit-animation-timing-function:ease;
	animation-timing-function:ease}
.lightbox--open .lightbox__inner--fadedown{
	-webkit-animation-name:fadedown;
	animation-name:fadedown}
.lightbox--open .lightbox__inner--buildup,.lightbox--open .lightbox__inner--fadeout{
	-webkit-animation-name:buildup;
	animation-name:buildup;
	-webkit-animation-timing-function:ease;
	animation-timing-function:ease}
.lightbox--open .lightbox__inner--fadeout{
	-webkit-animation-name:fadeout;
	animation-name:fadeout}
.lightbox--open .lightbox__inner--fadeup,.lightbox--open .lightbox__inner--shrink{
	-webkit-animation-name:fadeup;
	animation-name:fadeup;
	-webkit-animation-timing-function:ease;
	animation-timing-function:ease}
.lightbox--open .lightbox__inner--shrink{
	-webkit-animation-name:shrink;
	animation-name:shrink}
.lightbox--open .lightbox__inner--collapse,.lightbox--open .lightbox__inner--growout{
	-webkit-animation-name:growout;
	animation-name:growout;
	-webkit-animation-timing-function:ease;
	animation-timing-function:ease}
.lightbox--open .lightbox__inner--collapse{
	-webkit-animation-name:collapse;
	animation-name:collapse}
.lightbox__inner{
	width:50vw;
	max-width:500px;
	background-color:#fff;
	margin:20vh auto;
	box-shadow:0 0 10px 10px rgba(0,0,0,.2);
	position:relative}
.lightbox__close-handler{
	position: absolute;
    left: 5px;
    top: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;}
.lightbox__close-handler::after,.lightbox__close-handler::before{
	position:absolute;
	display:block;
	content:" ";
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	top:15px;
	left:15px;
	width:20px;
	height:2px;
	background-color:#fff}
.lightbox__close-handler::after{
	-webkit-transform:translate(-50%,-50%) rotate(45deg);
	transform:translate(-50%,-50%) rotate(45deg)}
.lightbox__close-handler::before{
	-webkit-transform:translate(-50%,-50%) rotate(-45deg);
	transform:translate(-50%,-50%) rotate(-45deg)}
.lightbox__title{
	color:#fff;
	font-weight:700;
	padding:10px;
	background-color:#2c3a6e;
	margin:0;
	direction: rtl;}
.lightbox__data{
	padding:20px;
	text-align: justify;
    direction: rtl;
	}

h1{
	text-align:center}
.introduction{
	max-width:500px;
	text-align:justify;
	margin:0 auto}
pre{
	font-family:'Consolas',monospace;
	color:#333}
.link{
	color:#444;
	text-decoration:none;
	display:inline-block;
	margin:10px;
	-webkit-transition:200ms ease-out;
	transition:200ms ease-out}
.link:hover{
	color:#3f3cdd}
.lightbox__data a {
	margin-left: 15px;
    text-align: center;
    margin: 0 auto;
    display: table;
}
/*# sourceMappingURL=../maps/main.css.map */