*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family: "poppings", sans-serif;
}
body{
    background-color: #6faaee;
}
.logo {
    position:absolute;
    right: 20px;
    top:20px;
    width: 250px;   
    display: flex;
    border-left:  #fff; 
   
}
.container{
    background: #fff;
    width: 450px;
    height: 230px;
    padding:1.5rem;
    margin:200px auto;
    border-radius: 10px;
    box-shadow: 0 20px 35px rgba(0, 0, 1,0.5);
}
form{
    margin:0.7rem;
}
.form-title{
    font-size: 1.5rem;
    font-weight:bold;
    text-align:center;
    padding:1.3rem;
}

input{
    color:inherit;
    width:100%;
    background-color: transparent;
    border:none;
    border-bottom:1px solid #757575;
    padding-left:1.4rem;
    font-size:15px;

}
.input-group{
    padding:1% 0;
    position:relative
}
.input-group i{
    position:absolute;
    color:black
}
input:focus{
    background-color: transparent;
    outline: transparent;
    border-bottom:2px solid hsl(327, 90%, 28%)
}
input::placeholder{
    color:transparent;
}
label {
    color: #757575;
    position:relative;
    left:1.2em;
    top:-1.1em;
    cursor:auto;
    transition:0.3 ease all;
}
input:focus~label,input:not(:placeholder-shown)~label{
    color: transparent;
    
    

}
.btn{
    font-size:1.1rem;
    padding:8px 0;
    border-radius: 5px;
    outline:none;
    border:none;
    width: 100%;
    background:rgb(95, 39, 83);
    color:white;
    cursor:pointer;
    transition: 0.9s;
}
.btn:hover{
    background: black;
}