main.container{
    max-width: 90%;
}

.logo { 
    width: 150px;
    margin: auto;
}

#loginForm{
    width: auto;
    margin:auto;
}

button{
    cursor: pointer;
}

@media(max-device-width: 736px){
    main.container{
        width: 98%;
    }
    body {
        font-size: 20px;
    }
    form#loginForm{
        font-size: 40px;
    }
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    main.container{
        width: 98%;
    }
    body {
        font-size: 20px;
    }
    form#loginForm{
        font-size: 40px;
    }
}