body {
  margin: 0;
  padding: 0;
  background-image: url(https://images0.persgroep.net/rcs/9YiyDCClbDuEMWc7rzJ7nFGDPDs/diocontent/63563532/_crop/1/46/899/508/_fitwidth/694/?appId=21791a8992982cd8da851550a453bd7f&quality=0.9);
  -webkit-background-size: cover;
  background-size: cover;
  font-family: poppins;
}
.wrapper {
  width: 400px;
  height: 420px;
  color: #000;
  top: 50%;
  left: 50%;
  padding: 60px 30px;
  position: absolute;
  transform: translate(-50%,-50%);
  box-sizing: border-box;
  box-shadow: 8px 8px 50px #000;
}
h1 {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 22px;
  color: #fff;
  text-align: center;
  margin-bottom: 8%;
  font-family: 'Pacifico', cursive;

}
.wrapper input {
  width: 100%;
  margin-bottom: 20px;

}
.wrapper input[type=text], .wrapper input[type=password] {
  border: none;
  border-bottom: 1px solid #ddd;
  background: transparent;
  outline: none;
  height: 30px;
  font-size: 16px;
  opacity: 1;
  color: #ccc;

}
.wrapper input[type=submit] {
  border: none;
  outline: none;
  height: 40px;
  background: #f6648b;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.wrapper input[type=submit]:hover {
  cursor: pointer;

}
input::-webkit-input-placeholder {
  color: white;
}
.wrapper a {
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  opacity: 0.8;
}
.wrapper a:hover {
  color: #fff;
  opacity: 1;
}
.bottom-text {
  color: #fff
}
.bottom-text input {
  width: 10%;
  float: left;
}
.bottom-text a {
  float: right;
}
.socials {
  margin-top: 12%;
  text-align: center;
}
.socials a {
width: 30px;
height: 30px;
display: inline-block;
border: 1px solid #fff;
border-radius: 50%;
margin: 0 5px; 
}

.socials a:nth-child(1) {
background:  #3b5998;
}
.socials a:nth-child(2) {
background:  #55acee;
}
.socials a:nth-child(3) {
background:  #bd081c;
}
.socials a:nth-child(4) {
background:  #0077b5;
}
.socials a i {
  padding: 8px 0;
}
#overlay-area {
  position: absolute;
  background-color: rgba(0,0,0,0.4);
  z-index: -5;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
}
}