html, body {
 margin: 0;
 padding: 0;
    width:100%;
}
body {
 height:100vh;
 background-image: url(../background/background_index.jpg);
 -webkit-background-size: cover;
 -moz-background-size:cover;
 -o-background-size: cover;
	background-size:cover;
	background-position: center;
 
}


button {
 background: none;
 color: #ccc;
 width: 240px;
 height: 80px;
 border: 1px solid #20468E;
 font-size: 18px;
 border-radius: 4px;
 transition: .6s;
 overflow: hidden;
}
button:focus{
 outline:none;
 }
button:before{
    content: '';
    display: block;
    position: absolute;
    background: rgba(255,255,255,.5);
    width: 60px;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .5;
    filter: blur(30px);
    transform: translateX(-130px) skewX(-15deg);
}

button:after{
    content: '';
    display: block;
    position: absolute;
    background: rgba(255,255,255,.2);
    width: 30px;
    height: 100%;
    left: 30px;
    top: 0;
    opacity: 0;
    filter: blur(30px);
    transform: translate(-100px) scaleX(-15deg);
}
button:hover {
    background: #D44800;
 cursor:pointer;
 }

button:hover:before {
   transform: translateX(300px) skewX(-15deg);
    opacity: .6;
    transition: .7s;
}

button:hover:after {
   transform: translateX(300px) skewX(-15deg);
    opacity: 1;
    transition: .7s;
}


p {
	color: white;
	font: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana," sans-serif";
	font-size: 20px;
	
}