@import url('https://fonts.googleapis.com/css?family=Changa|Crafty+Girls|Aref+Ruqaa|Mada|Reem+Kufi|Cairo|El+Messiri');
body,html {
	font-family: Cairo, times, sans-serif;
	height: 100vh;
	font-size: 12px;
    background-color: #007bff; /* Change this line */
}
@supports (display: flex) {
  .noflex: { display: none; }
}
.hand {
	font-family: 'Crafty Girls', Changa, sans-serif;
}
.text-indent {
	text-indent: 1rem
}
.myfile {
	width:150px;
	height:150px;
	overflow:hidden;
	z-index:1001;
	right:0;
	top:0;
	opacity:0;
	cursor:pointer
}
.inset-shadow {
	background-color: #000428;
	color:#000428;
	text-shadow: 2px 2px 3px rgba(73, 125, 147, 0.5);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
}
.dropdown-toggle::after {
	display: none;
}
.no-shadow {
	box-shadow: none
}
.card-shadow {
	box-shadow: 15px 15px 50px #000428
}
.background-transparent {
	background: #000428
}
.gen {
	font-size: 3rem;
}

@media screen and (min-width: 480px) {
	body,html {
		font-size: 14px;
	}
}
@media screen and (min-width: 768px) {
	body,html {
		font-size: 14px;
	}
	.gen {
		font-size: 8rem;
	}
}
@media screen and (min-width: 992px) {
	body,html {
		font-size: 16px;
	}
}
@media screen and (min-width: 1200px) {
	.gen {
		font-size: 12rem;
	}
}