.grid-container {
    display: grid;
    grid-gap: 20px;

    grid-template-columns:2fr 1fr auto;
    grid-template-rows: 40px 40px auto auto;
}

.grid-pagetitle {
    grid-row: 1;
    grid-column: 1/3;
}

.grid-register {
    grid-row: 2;
    grid-column: 1/3;
}

.grid-inputtext {
    grid-row: 3;
    grid-column: 1/3;
}

.grid-rightpane {
    grid-row: 2/4;
    grid-column: 3;
}

.grid-bottompane {
    grid-row: 4;
    grid-column: 1;
}


@keyframes wiggle {
    0% { transform: rotate(10deg); }
    25% { transform: rotate(-10deg); }
    50% { transform: rotate(0deg); }
}

#reverse_expansion.wiggle {
    display: inline-block;
    animation: wiggle 1.5s;
}

select.option {
    width: 100%;
}