body {
    width: 100vw;
    height: 100vh;
    display: table-cell;
    vertical-align: middle;
    background-color: #f5f8fa;
   font-family: Inter, sans-serif;
}

#login-frame {
    width: 400px;
    margin: auto;
    background: #FFF;
    border: 1px solid #DDDADA;
    padding: 35px;
    border-radius: 15px;
}


#signup-frame {
    width: 400px;
    margin: auto;
    background: #FFF;
    border: 1px solid #DDDADA;
    padding: 35px;
    border-radius: 15px;
}



@media (max-width: 640px) {
    #login-frame {
        width: 100%;
        padding: 20px;
    }
     #signup-frame {
        width: 100%;
        padding: 20px;
    }
}