html{
    font-size: 62.5%;
    padding: 0px;
    margin: 0px;
    direction: rtl;
}
body{
max-width: 1600px;
max-height: 1920px;
}
.log-in{
    position: absolute;
    top: 10%;
    left: 35%;
    width: 400px;
    height: 400px;
    
    padding: 35px;
}
.container{
    margin: 15px;
    background-color: rgba(199, 203, 206, 0.555);
    width: 350px;
    height: 350px;
}
.name{
    font-size: 2.2rem;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    padding: 35px;
    margin-right: 5%;

}
.pass{
    font-size: 2.2rem;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    padding: 35px;
    margin-right: 5%;
}
.input{
    padding: 4px;
    height: 20px;
    margin: 25px;
    margin-right: 20%;

}
.submit{
    margin-right:35% ;
    width: 80px;
    height: 40px;
}
@media screen and (width<600px){
*{
    transform: scale(.95);
    margin-left: -22rem;
}
}