@import url('reset.css');
@import url('../font/stylesheet.css');

body {
	direction: rtl;
	font-family: 'FestiEsti';
	letter-spacing: 2px;
	background-color: deeppink;
}

div {
	width: 100%;
	text-align: center;
	padding: 10px 0;
	line-height: 1em;
}

div.stripes-1 {
	background-color: blue;
	color: Chartreuse;
	font-size: 256px;
	letter-spacing: 20px;
}

div.stripes-1:hover {
	color: blue;
	background-color: Chartreuse;
}

div.stripes-2 {
	background-color: mediumvioletred;
	color: yellow;
	font-size: 96px;
}

div.stripes-2:hover {
	color: mediumvioletred;
	background-color: yellow;
}

div.stripes-3 {
	background-color: mediumpurple;
	color: silver;
	font-size: 54px;
	letter-spacing: 4px;
}

div.stripes-3:hover {
	color: mediumpurple;
	background-color: silver;
}

div.stripes-4 {
	background-color: navy;
	color: palegoldenrod;
	font-size: 196px;
	letter-spacing: 25px;
}

div.stripes-4:hover {
	color: navy;
	background-color: palegoldenrod;
}

div.stripes-5 {
	background-color: sienna;
	color: deepskyblue;
	font-size: 84px;
}

div.stripes-5:hover {
	color: sienna;
	background-color: deepskyblue;
}

div.stripes-6 {
	background-color: lime;
	color: blue;
	font-size: 54px;
	letter-spacing: 3.5px;
}

div.stripes-6:hover {
	color: lime;
	background-color: blue;
}

div.stripes-7 {
	background-color: maroon;
	color: pink;
	font-size: 60px;
}

div.stripes-7:hover {
	color: maroon;
	background-color: pink;
}

div.stripes-8 {
	background-color: orange;
	color: navy;
	font-size: 96px;
	letter-spacing: 4px;
}
div.stripes-8:hover {
	color: orange;
	background-color: navy;
}

div.stripes-9 {
	background-color: red;
	color: white;
	font-size: 40px;
	letter-spacing: 5px;
}

div.stripes-9:hover {
	color: red;
	background-color: white;
}

div.stripes-10 {
	background-color: yellow;
	color: indigo;
	font-size: 72px;
}

div.stripes-10:hover {
	color: yellow;
	background-color: indigo;
}

div.stripes-11 {
	background-color: cyan;
	color: deeppink;
	font-size: 256px;
	letter-spacing: 17px;
}

div.stripes-11:hover {
	color: cyan;
	background-color: deeppink;
}

div.stripes-11 a {
	color: deeppink;
	text-decoration: none;
}

div.stripes-11 a:hover {
	color: cyan;
}