:root {
  --purple: #8b2ff7;
}
body {
  background: white;
}
#loginform {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  padding: 30px;
}
#login h1 a,
.login h1 a {
  background-image: url('./resources/img/logos/metiers_logo_purple.png');
  height: 100px;
  width: 300px;
  /* background-size: 300px 100px; */
  background-size: contain;
  background-repeat: no-repeat;
  padding-bottom: 10px;
}
#wp-submit {
  background-color: var(--purple) !important;
  border-color: var(--purple) !important;
}
#nav a,
#backtoblog a {
  /* color: var(--purple) !important; */
  /* color: white !important; */
}

#loginform {
  border: none;
}

.wp-pwd span {
  color: var(--purple) !important;
}