body{
    background-image:url('log.jfif');
                background-repeat:no-repeat;
                overflow:hidden;
                background-size:cover;
                vertical-align:middle;
                background-attachment:fixed;
                background-size:100% 100%;
               background-color:#db71c6;
               
}
.container {
    width: 380px;
    margin:10% 30% 15% 55%;
    padding:3%;
    border-radius:25px;
    background-color: rgba(0,0,0,0.2);
    
}
.header {
    text-align: center;
    padding-top:75px;
    
}
.header h1 {
    color:#333;
    font-size:45px;
    margin-bottom:80px;
    
    
}
.main {
    text-align: center;
}
.main input, button {
    width:300px;
    height:40px;
    border:none;
    outline:none;
    padding-left:40px;
    box-sizing: border-box;
    font-size:15px;
    color:#333;
    margin-bottom:48px;
}
.main button{
    padding-left:0;
    background-color:#83acf1;
    letter-spacing:1px;
    font-weight:bold;
    margin-bottom:50px;
}
.main button:hover {
    box-shadow:2px 2px 5px #555;
    background-color:#83acf1;
}
.main input:hover{
    box-shadow:2px 2px 5px #555;
    background-color:#ddd;
}
.main span{
    position:relative;
    
}
.main i {
    position:absolute;
    left:15px;
    color:#333;
    font-size:16px;
    top:2px;
}