#login {
    margin-top: 18px;
    width: 100%;
    max-width: 500px;
    padding: 70px !important;
    box-shadow: 20px 14px 74px rgba(0, 0, 0, 0.25);
    border-radius: 60px;
    position: absolute;
    left: calc(50% - 250px);
    top: 10%;
    background-color: rgba(255, 255, 255, 0.8);

}

#login #nav {
    display: flex !important;
    color: transparent;
}

#login #nav>* {
    display: none;
}

#login #nav a:last-child {
    display: block !important;
}

#login h1::after {
    content: 'Welcome!';
    color: #745766;
}

#login input[type='text'],
#login input[type='password'] {
    border-radius: 130px;
}

.login {
    background-image: url('../jpg/login_bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

html {
    height: 100%;
}

@media screen and (max-width: 640px) {
    body {
        padding: 0 10px;
    }

    #login {
        position: relative;
        display: block;
        left: 0;
        top: 0;
        padding: 30px !important;
    }
}