.form-grid
{
    position:relative;
    display:grid;
    gap:1em;
    grid-template-columns:auto auto;
    justify-content:center;
    justify-items:center;
    align-content:center;
    margin:0 auto;
}

.login
{
    grid-column:2;
    grid-row:1 / span 2;

    height:7em;
    width:3em;
    padding:1em;
    font-size:1em;

    border:0;
    border-radius:1em;
    
    cursor:pointer;

    background-color:var(--blue);
    background-image:url('../img/lock.svg');
    background-repeat:no-repeat;
    background-position:center;
    background-size:1.2em;
    box-shadow:0px 4px 5px -5px rgba(0,0,0,0.2);
}

.login-reset
{
    grid-column:2;
    grid-row:1 / span 3;

    height:11em;
    width:3em;
    padding:1em;
    font-size:1em;

    border:0;
    border-radius:1em;

    background:var(--blue);
    cursor:pointer;
}

.login:hover, .login-reset:hover
{
    background-color:var(--blue-dark);
}

.keep
{
    cursor:pointer;
}

.center
{
    grid-column:1 / span 2;
    margin-top:0.8rem;
    text-align:center;
}

.announcement
{
    margin:0 auto;
    font-size:1.2em;
    font-weight:bold;
}

.bottom-grid
{
    grid-column:1 / span 2;

    display:grid;
    gap:1em;
    grid-template-columns:auto auto;
    width:100%;

    font-size:1em;
}

.language-select
{
    display:grid;
    gap:1rem;
    margin:2rem auto;
    justify-items:center;
}

.language-flag
{
    width:2rem;
}

@media screen and (max-width:1000px)
{
    .form-grid
    {
        grid-template-columns:auto;
    }

    .login
    {
        grid-column:1;
        grid-row:3;

        padding:0;
        width:19rem;
        height:3em;
        font-size:1em;
    }

    .login-reset
    {
        grid-column:1;
        grid-row:4;

        width:19em;
        height:3em;
    }

    .bottom-grid
    {
        grid-column:1;
    }

    .announcement
    {
        grid-column:1;
    }

    .center
    {
        grid-column:1;
    }
}