body{
    background:linear-gradient(to top,#9a9ba0,rgb(255, 255, 255));
    
    
}
img{
    height:30px;
    width: 50px;
}
.head{
    display: flex;
    flex: 1fr 1fr 1fr;
    width: 100%;              
}
.phone{
    padding-left: 320px;
}
.pass{
    padding-left: 15px;
    
}
.pass input{
    border-radius: 5px;
    padding: 5px;
    width: 100px;
    border: 1px solid rgb(201, 196, 196);

}
.phone input{
    border-radius: 5px;
    padding: 5px;
    width: 100px;
    border: 1px solid rgb(201, 196, 196);
    padding-right: 40px;
}
.new input{
    border-radius: 5px;
    padding: 3.5px;
    margin-left: 10px;
    size: 10px;
    border: 1px solid rgb(201, 196, 196);
    color: #ffffff;
    background:#1877f2;
    margin-top: 2px;
    cursor: pointer;
}
a{
    margin-left:15px ;
    margin-top: 4px;
    text-decoration: none;
    font-size: 14px;
    color: #1877f2;
}
.find{
    text-align: left;
    border: 1px solid whitesmoke;
    height: 220px;
    width: 350px;
    padding-left: 10px;
    margin-left: 250px;
    margin-top: 30px;
    background-color:white;
}
.find pre{
    margin-top: -10px;
    font-size: 10.5px;

}

.word input{
    width: 90%;
    border-radius: 4px;
    padding:10px ;
    margin-top: 20px;
    border-radius: 2px;
    text-decoration: none;
    border: 1px solid rgb(228, 228, 228);
    
}
header{
  background-color: white;  
  width: 100%;
  height: 30px;
  padding-top: 10px;
  text-align: top;
  margin: -8px -8px -8px ;

}
.clear{
    padding-left:190px ;
    padding-top: 30px;
    display: flex;
    margin-left:10px;
    
    
}
.clear input{
    border-radius: 5px;
    text-decoration: none;
    border: 1px solid rgb(202, 193, 193);
    background-color: #ffffff;
    cursor: pointer;
}
.value input{
    margin-left:5px;
    color: #ffffff;
    background: #1877f2;

}
.no input{
    
    background: #e4e6eb;
    
    color: #4b4f56;

}