body {
	margin: 0;
	padding: 0;
	background-color: #eee !important;
	font-family: Vazir !important;
	text-align: right !important;
	height: 100vh;
}

*:focus {
	border: none !important;
	outline: none !important;
}

a,
a:hover {
	text-decoration: none !important;
}

ul {
	list-style: none;
}

.menu {
	width: 250px;
	height: 100vh;
	flex-wrap: wrap;
	box-shadow: -3px 0px 15px 5px rgba(0, 0, 0, 0.4);
	border-left: 1px solid silver;
}

	.menu h3 {
		color: white;
	}

.menu-wrapper {
	text-align: right;
}

	.menu-wrapper a {
		color: white;
	}

	.menu-wrapper li {
		width: 100%;
		padding: 10px 20px;
		transition: 0.2s;
		color: white;
	}

		.menu-wrapper li:hover {
			padding-right: 15px;
			transition: 0.2s;
		}

	.menu-wrapper a:hover {
		color: white;
	}

.border-blue {
	border: 1px solid #0094ff;
}
.border-red{
	border: 1px solid #ff004b
}
.border-yellow{
	border: 1px solid #ebff00
}

.back-blue {
	background-color: #0094ff;
}

.color-blue {
	color: #0094ff;
}