.row {
    padding-top: 50px;
}

.login_form {
    width: 80%;
    max-width: 350px;
    display: block;
    margin: 0 auto;
    background: #fd9906;
    border-bottom: 10px solid brown;
    padding: 30px;
    position: relative;
}

    .login_form:before, .login_form:after {
        position: absolute;
        content: '';
        top: 8px;
        width: 50px;
        height: 102%;
        background: brown;
        border-radius: 0px;
        z-index: -1;
    }

    .login_form:before {
        transform: skew(3deg);
        left: -10px;
    }

    .login_form:after {
        transform: skew(-3deg);
        right: -10px;
    }

.form_title {
    margin: 5px 0 40px 0;
    text-align: center;
    color: yellow;
    text-shadow: 1px 1px 1px #888;
}

.form-control, .btn {
    margin: 0 auto;
    border-radius: 0;
    border: 0;
    transform-origin: right top;
    box-shadow: 0.5px 1.5px 1px #666;
}

.btn {
    width: 100%;
    background: #fff;
    cursor: pointer;
}

@keyframes show {
    from {
        opacity: 0;
        border-radius: 100px;
        transform: translateY(50px);
    }

    to {
        opacity: 1;
        border-radius: 0;
        transform: translateY(0px);
    }
}