body{
background:#efefef;
background-image: linear-gradient(10deg, #a1a1a1 30%, transparent 20%), linear-gradient(-60deg, #ffc61a 30%, transparent 30%);
 height:100%;
  }


.login-wrap {
position: relative;
margin: 100 auto;
background: #ffc61a;
width: 350px;
border-radius: 5px;
box-shadow: 3px 3px 10px #333;
padding: 15px;
}
	
h2 {
text-align: center;
font-weight: 200;
font-size: 2em;
margin-top: 10px;
color: #000;
}

.form {
padding-top: 20px;
}


input{
width: 80%;
margin-left: 10%;
margin-bottom: 10px;
height: 40px;
border-radius: 5px;
outline: 0;
-moz-outline-style: none;
border: 1px solid #bbb;
padding: 0 0 0 10px;
font-size: 14px;
}

input:hover{
border:solid 1px #d6d6d6;
}
&:focus {
border: 1px solid #3498db;
}


p{
padding-bottom: 10px;
text-align: center;
color: #fff;
}



.button {

background: #e99400;
border:none;
color: #000;
font-size: 18px;
font-weight: 200;
cursor: pointer;
transition: box-shadow .4s ease;
}

.button:hover{
background: #e07900;
}