body {
  margin:0;
  padding:0;
  font-family:montserrat;
  background-color:#1B1B1B;
  height:100vh;
  overflow:hidden;
  display:flex;
  justify-content:center;
}
.container{
  position:absolute;
  margin-top:20px;
  background-color:white;
  border-radius:20px;
}
.container h1{
  border-bottom:1px solid silver;
  padding:0 0 20px 0;
  text-align:center;
  color:skyblue;
}
.container form{
  padding:0 40px;
  box-sizing:border-box;
}
form .iall{
  position:relative;
  border-bottom:2px solid silver;
  margin:30px 0;
}
.iall input{
  width:100%;
  padding:0 5px;
  height:40px;
  font-size:16px;
  border:none;
  background:none;
  outline:none;
}
.iall label{
  position:absolute;
  top:50%;
  left:5px;
  color:silver;
  transform:translateY(-50%);
  font-size:16px;
  pointer-events:none;
  transition:.5s;
}
.iall span::before{
  content: '';
  position:absolute;
  top:40px;
  left:0;
  width:0%;
  height:2px;
  background:skyblue;
}
.iall input:focus ~ label,
.iall input:valid ~ label{
  top:-5px;
  color:skyblue;
}
.iall input:focus ~ span::before,
.iall input:valid ~ span::before{
  width:100%;
}
.forget{
  color:silver;
  margin:-10px 0 20px 0;
  cursor:pointer;
}
.forget:hover{
  text-decoration:underline;
}
input[type="submit"]{
  width:100%;
  height:50px;
  border:1px solid;
  background:skyblue;
  border-radius:25px;
  font-size:18px;
  color:white;
  cursor:pointer;
  outline:none;
}
input[type="submit"]:hover{
  border-color:skyblue;
  transition:.5s;
  color:silver;
}
.new{
  margin:30px 0;
  text-align:center;
  font-size:16px;
  color:silver;
}
.new a{
  color:skyblue;
  text-decoration:none;
}
.new a:hover{
  text-decoration:underline;
}