body {
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.95) 100%), url("./images/wood-dark.jpg");
}

#login h1 a {
	background-image: url("./images/logo-white.svg");
	height: 86px;
	animation: wiggle 9s infinite;
}

#login form {
	color: #000;
	border-radius: 15px;
}

#login form .submit input {
	background-color: #151d22;
	border-color: #151d22;
}

#login form .submit input:hover {
	background-color: #475b69;
}

#login form input:focus {
	border-color: #475b69;
	box-shadow: 0 0 0 1px #475b69;
}

#login form .submit input:focus {
	border-color: #475b69;
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #475b69;
}

#login #backtoblog a,
#login #nav,
#login #nav a {
	color: #fff;
}

#login .privacy-policy-page-link a {
	color: #afafaf;
}

#login .dashicons, .dashicons-before:before {
	color: #475b69;
}

.language-switcher .dashicons, .dashicons-before:before {
	color: #fff;
}


@keyframes wiggle {
  0% {
    transform: rotate(0deg);
  }
  55% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(20deg);
  }
  65% {
    transform: rotate(-20deg);
  }
  70% {
    transform: rotate(10deg);
  }
  75% {
    transform: rotate(-10deg);
  }
  80% {
    transform: rotate(5deg);
  }
  85% {
    transform: rotate(-5deg);
  }
  92% {
    transform: rotate(370deg);
  }
  95% {
    transform: rotate(355deg);
  }
  98% {
	transform: rotate(362deg);
  }
  100% {
	transform: rotate(360deg);
  }
}