/*
Developed by :
Ahmed Mohamed Araby
Radwa Mohamed Araby
Yossef Moahmed Araby
Noran Assam
*/
* {
	margin: 0;
	padding: 0;
}
body {
	background-image: linear-gradient(to left, #ffd980 , #fff , #ffd980);
}
img {
	border-radius: 10%;
}
#links {
	z-index: 5;
	position: fixed;
	width: 100%;
	font-size: 22px;
	text-align: right;
	padding: 20px;
	background-color: rgb(235,235,235);
}
#links a {
	padding: 10px;
	color: #b35900;
	position: relative;
	top: 20px;
}
#links a:hover {
	color: #804000;
}
#logo {
	height: 80px;
}
#p1 {
	height: 600px;
	width: 500px;
	position: relative;
	top: 250px;
	left: 100px;
	animation-name: img1;
	animation-duration: 2s;
	-webkit-animation-name: img1;
	-webkit-animation-duration: 2s;
}
@keyframes img1 {
	0% {
		top: -400px;
	}
	100% {
		top: 250px;
	}
}
@-webkit-keyframes img1 {
	0% {
		top: -400px;
	}
	100% {
		top: 250px;
	}
}
#contect {
	padding: 30px;
	font-size: 40px;
	text-align: center;
	border: solid 1px;
	width: 1000px;
	position: relative;
	left: 850px;
	top: -400px;
	border-radius: 10%;
	animation-name: div1;
	animation-duration: 2.5s;
	-webkit-animation-name: div1;
	-webkit-animation-duration: 2.5s;
}
@keyframes div1 {
	0% {
		left: 2500px;
	}
	100% {
		left: 850px;
	}
}
@-webkit-keyframes div1 {
	0% {
		left: 2500px;
	}
	100% {
		left: 850px;
	}
}
#active {
	text-decoration: underline;
}
#contect p {
	font-size: 40px;
}
#m {
	background-color: #1d55c2;
}
ion-icon:hover {
	color: #edb928;
}
ion-icon {
	height: 30px;
	width: 35px;
}
.size {
	background-color: #a1bef7;
	border-radius: 10%;
	padding: 10px;
	height: 80px;
	width: 200px;
}
p {
	font-size: 30px;
}
#number {
	position: absolute;
	left: 0;
	margin-left: 50px;
	height: 50px;
	width: 500px;
}
#p2 {
	color: #1d55c2;
	display: inline-block;
}
#p3 {
	display: inline-block;
}
#b2 {
	height: 80px;
	width: 200px;
}
footer {
	font-size: 40px;
	color: black;
	background-color: rgb(217,217,217,.5);
}
/*
Developed by :
Ahmed Mohamed Araby
Radwa Mohamed Araby
Yossef Moahmed Araby
Noran Assam #cc6600 about
#1ab2ff

*/