body{
  
    background: url(bg.jpg) no-repeat center center fixed; ; 
    font-family: "Helvetica Neue", Helvetica, Arial;
    padding-top: 20px;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    
}


.inner {
  position: absolute;
}
.inner-container{
  width:400px;
  height:400px;
  position:absolute;
  top:calc(50vh - 200px);
  left:calc(50vw - 200px);
  overflow:hidden;
}

#signup{
  position:absolute;
  height:100%;
  width:100%;
  font-family:Helvetica;
  color:#fff;
  background:rgba(0,0,0,0.13);
  padding:30px 0px;
}
#signup h1{
  text-align:center;
  margin:30px 0;
  font-size:22px;
}
#signup input{
  display:block;
  width:300px;
  margin:20px auto;
  padding:15px;
  background:rgba(0,0,0,0.2);
  color:#fff;
  border:0;
}
#signup input:focus,.box input:active,.box button:focus,.box button:active{
  outline:none;
}
#signup button{
  background:#742ECC;
  border:0;
  color:#fff;
  padding:10px;
  font-size:20px;
  width:330px;
  margin:20px auto;
  display:block;
  cursor:pointer;
}
#signup button:active{
  background:#27ae60;
}
#signup p{
  font-size:14px;
  text-align:center;
}
input::-webkit-input-placeholder {
    color:   lightgrey;
}

input:-moz-placeholder {
    color:    lightgrey;
}

a{
    color:navajowhite;
}