*{
    margin: 0;
    padding: 0;
}
.cont{
    height: 100vh;
    display: flex;
}
.contain{
    text-align: center;
    width: 50%;
    margin: auto;
    margin-top: 50px;
    border-radius: 30px;
    background-color: whitesmoke;
    align-items: center;
    margin: auto;
    padding: 30px!important;
}
img{
    width: 300px;
    height: 100px;
    margin-top: 50px;
}
input{
    width: 100%;
    padding: 10px;
    border-radius: 15px;
    border:1px solid gray;

}
.block{
    margin-bottom: 30px!important;
}
.login{
    width: 100%;
    background-color: blue!important;
    color: white!important;
    border-radius: 15px!important;

}
.create{
    border: 2px solid grey!important;
    width: 50%;
    margin-top: 10px;
    border-radius: 15px!important;
    color: black!important;
}
.forget{
    display: flex;
    justify-content: end;
    margin-top: 10px;
    cursor: pointer;;
}
.inner{
    width: 80%;
    margin: auto;
}
.fa-solid{
    border: 1px solid blue;
    padding: 10px 15px;
    border-radius: 10px!;
    color: blue;
    border-radius: 10px;
    cursor: pointer;
}
.foot{
    width: 80%;
    margin: auto;
}
.print{
    border-radius: 50%;
    padding: 5px!important;
    font-size: 35px;
    margin-bottom: 8px;
}

@media screen and (min-width: 300px) and (max-width: 800px){

.contain{
    width: 100%;
}
.create{
    width: 80%;
}
}