body{
margin:0;
padding:0;

background:url(b.jpg)no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
font-family:sans-serif;

}

.box{
background:#f5f5f5;
color:red;
top:50%;
left:50%;
position:absolute;
transform:translate(-50%,-50%);
box-sizing:border-box;
padding:70px 30px;

}
.logo{
width:100px;
height:100px;
position:absolute;
top:-50px;
left:calc(50%-50px);
}

h1{
margin:0;
padding:0 0 20px;
text-align:center;
font-size:25px;
color:blue;
}

p{
margin:#f49126;
margin:0;
padding:0;
font-weight:bold;
}

input{
margin-bottom:10px;
}

input[type="text"],input[type="password"],input[type="email"]{
border:none;
border-bottom:1px solid #fff;
background:transparent;
outline:none;
height:40px;
color:#673ab7;
font-size:16px;
}

input[type="submit"]{
border:none;
outline:none;
height:30px;
width:200px;
background:#2196f3;
color:#fff;
font-size:20px;
border-radius:60px;

}

input[type="submit"]:hover
{
cursor:pointer;
background:#0097a7;
}

a{
text-decoration:none;
font-size:16px;
line-height:20px;
color:#069818;
}

a:hover{
color:red;
}