/*
Author: Mohammad Zare
Author URI: http://mohammadz.com/
*/
@import url('normalize.css');
::selection {
	background: rgb(33, 33, 33);
	color: rgb(250, 250, 250);
}
::-moz-selection {
	background: rgb(33, 33, 33);
	color: rgb(250, 250, 250);
}
a{
	text-decoration: none !important;
}
:focus {
	outline: 0;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Geneva, Verdana, sans-serif;
}
html,
body {
	min-height: 100%;
	height: 100%;
}
body {
	font-family: Helvetica, Geneva, Verdana, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 1.5;
	direction: ltr;
	background: rgb(255, 255, 255);
	color: rgb(33, 33, 33);
}
.color-overlay {
	width: 60%;
	height: 100%;
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	overflow: visible;
	border-right: 20vw solid transparent;
	border-top-width: 100vh;
	border-top-style: solid;
	border-top-color: rgb(226, 87, 76);
}
.avatar {
	width: 40%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/mohammadz.jpg) no-repeat 100% 100%;
}
#about {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 4;
	width: 100%;
	padding: 30px;
	color: rgb(23, 38, 45);
	font-size: 16px;
}
#about pre {
	margin: 0
}
#about a {
	color: rgb(255, 255, 255);
}
#about a:hover {
	color: rgb(33, 33, 33);
}
/*Responsive*/
@media (max-width: 767px) {
	body {
		background: rgb(226, 87, 76);
	}
	#about {
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.avatar,
	.color-overlay {
		display: none;
	}
}
@media (min-width: 768px) {
}