.login {
    margin-top: calc(50vh - 340px);
    width: calc(25vw);
    min-width: 500px;
    overflow: hidden;
    height: 100%;
    text-align: center;
    opacity: 1;
    transition: 0.4s;
}

@media only screen and (max-width: 600px) {
    .login {
        width: calc(100vw);
    }
}

@keyframes shake {
    0% {
        transform: translate(4px, 0px)
    }

    10% {
        transform: translate(-4px, 0px)
    }

    20% {
        transform: translate(-8px, 0px)
    }

    30% {
        transform: translate(8px, 0px)
    }

    40% {
        transform: translate(4px, 0px)
    }

    50% {
        transform: translate(-4px, 0px)
    }

    60% {
        transform: translate(-8px, 0px)
    }

    70% {
        transform: translate(8px, 0px)
    }

    80% {
        transform: translate(-4px, 0px)
    }

    90% {
        transform: translate(4px, 0px)
    }

    100% {
        transform: translate(4px, 0px)
    }
}