html, body  
	{background: #40E644; 
	 background: 
		linear-gradient(90deg, rgba(77,0,158,1) 0px, rgba(0,2,103,1) 378px, rgba(64,230,68,1) 378px);
		
	 height: 100%;
	}
body 
	{
	 margin: 0px;
	 font-size: 1em; 	 
	 text-align: left;
	}
img 
  {border: 0px;
	}
h1 
	{font-size: 1.4em; 
	 font-weight: bold;
	}
h2 
	{font-size: 1.2em;
	}
h3
	{font-size: 1em; 
	 font-weight: bold;
	}
a	
	{
	 text-decoration: none;
	 color: #fff;
	}

p
	{
	padding:0;
	margin:0;
	}
header
	{
	.background-image:url('img/head3.jpg');
	height:118px;
	font-family: 'Oswald', sans-serif;
	font-size:25px;
	color:#ffffff;
	}
.name
	{
	padding-left:15px;
	margin-bottom:-35px;
	margin-top:-19px;
	font-size:115px;
	float:left;
	text-transform:uppercase;
	}
.port
	{
	padding-top:88px;
	
	
	}
nav
	{
	font-family: 'Oswald', sans-serif;
	font-size:15px;
	width:140px;
	float:left;
	margin-top:70px;
	}
.button
	{
	padding-left:23px;
	padding-top:7px;
	display: block;
	transition: all 0.1s ease-out;
	padding-bottom:7px;
	border-radius: 0px 30px 30px 0px;
	text-transform:uppercase;
	}
.button:hover
	{
	padding-left:30px;
	background:#40E644;

	}
.active
	{
	padding-left:18px;
	border-left: 5px solid #40E644;
	}
.first
	{

	}
#content-wrapper
	{
	margin:70px 0px 0px 200px;
	}
article
	{
	font-family: 'Oswald', sans-serif;
	font-size:14px;
	color:#fff;
	}
article .big
	{
	font-size:40px;
	}
article p
	{

	}
article.text
	{
	text-align:left;
	}
article a
	{
	margin-right:8px;	
	}
article a:hover
	{

	}
/*
article img
	{
	border-radius:8px;
	margin-top:8px;
	}
*/

.buttonf
	{
	border-radius:8px;
	background:#fff;
	font-family: 'Oswald', sans-serif;
	color: #000;
	font-size:14px;
	padding: 8px;
	}
.buttonf:hover
	{
	background:#99cc00;
	color: #fff;
	transition: all 0.1s ease-out;
	}
.red:hover
	{
	background: red;
	transition: all 0.1s ease-out;
	}
input,textarea
	{
	border:none;
	padding:5px;
	}
input:focus,input:active,textarea:active,textarea:focus
	{
	border:none;
	}	
/* article img:hover
	{
	transition: all 0.1s ease-out;
	border-radius:8px;	
	-webkit-box-shadow: 0 0 0 5px #99cc00;
	box-shadow: 0 0 0 5px #99cc00;
	}
*/

#tlo
	{
	height:83px;
	width: 215px;
	background:url('img/') bottom no-repeat;
	}
#wrapper 
	{ 
	margin: 0 auto;
	margin-bottom:20px;
	overflow: hidden;
	}
#credits
	{
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	color:#000267;
	position:fixed;
	bottom:3px;
	right:4px;
	}
.a
	{
	color:#000267;
	}
.item
	{
	float:left;
	margin-right:150px;
	margin-bottom: 20px;
	color:#000267;
	font-size:20px;
	text-transform:uppercase;
	}
.projects
	{
	color:#000267;
	font-size:16px;
	border: 30px solid #FFFFFF;
	background-color:#fff;
	margin-right:20px;
	margin-bottom: 20px;
	}
.wborder
	{
	border: 30px solid #FFFFFF;
	background-color:#fff;
	}
.mirror 
	{ 
	unicode-bidi:bidi-override; direction: rtl; 
	color:#fff;
	}