@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap");
/* Change background image and font family */
body {
  background-color: #f2f2f2;
  font-family: "Poppins", sans-serif;
}

/* Change Width and Height of Logo Image + Add Custom Image File */
.login h1 a {
  background-image: url(logo.png);
  width: 100px !important;
  height: 134px !important;
  background-size: 100px 134px !important;
  margin-bottom: 0 !important;
}

/* Add a few changes to the color and style of form itself */
.login label {
  color: #454545;
  display: block;
  margin-bottom: 1em;
  font-weight: bold;
}

.login form .input {
  font-weight: normal;
}

.login #backtoblog a,
.login #nav a {
  color: #262626;
}

.wp-core-ui .button-primary {
  background: #262626;
  border: none !important;
}
p.message {
  text-align: center;
  font-size: 16px;
}
p.message,
form#loginform {
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15) !important;
  border: none !important;
}

input {
  border-radius: 0 !important;
  font-size: 15px !important;
}
input:focus {
  border: 1px solid #c1c1c1 !important;
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15) !important;
}
p.forgetmenot {
  display: flex !important;
  align-items: center !important;
  padding: 10px 0px;
}
label[for="rememberme"] {
  margin-bottom: 0 !important;
}
p#nav,
p#backtoblog {
  padding: 0 !important;
}
p#nav a,
p#backtoblog a {
  display: block;
  padding: 10px 10px !important;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15) !important;
}
p#sitename {
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px;
}