.the_champ_outer_login_container {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
  animation-iteration-count: 3;
  
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}




.login form .input,
.login input[type=password],
.login input[type=text] {
    margin-bottom:0;
}

input#wp-submit {
    display: block;
    width: 100%;
    text-align: center!important;
    color: white!important;
    font-weight: bold;
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%)!important;
    display: inline-block;
    line-height: 3em;
    padding: 2px 20px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px white;
}

p.forgetmenot {
    display: none;
}

a.button.button-primary.button-hero {
    text-align: center!important;
    color: white!important;
    font-weight: bold;
    background: linear-gradient(355deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%)!important;
    padding: 2px 20px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px white;
    width: 100%;
    display: block;
}

div#continue-with-magic-login {
    width: 100%;
}

.language-switcher {
    display: none;
}

form#loginform {
    background: #ffffff82;
    border-radius: 7px;
    padding: 88px 15px;
}

html {
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%)!important;
}

.the_champ_outer_login_container:before {
    content: "Continuer avec :";
    text-align: center;
    display: block;
    margin-top: 7px;
}

.the_champ_outer_login_container {
    background: #ffffff;
    border-radius: 2px;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
}

body.login.js.login-action-login.wp-core-ui {}

.login h1 {
    margin-top: 48px;
}

.login #nav {
    margin: 1px!important;
}

.login #backtoblog, .login #nav {
    margin: 10px 1px 3px 1px;
    display: block;
    text-align: center;
}