.loginInput .MuiInputBase-input::placeholder {
  color: #aaa;
  font-weight: 700;
  opacity: 1;
  font-size: scale(1.2, 1);
}

.loginInput>div {
  border-radius: 10px;
  background-color: white;
}

.goldBorderStyle {
  border: 2px solid gold;
  box-shadow: gold 0px 0px 10px;
  transition: border-radius 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.loginInput>div>input {
  background-color: #111;
  border-radius: 10px;
  color: white;
  font-size: 1.5rem;
  outline: none;
}

.loginInput input:focus {
  box-shadow: 0 0 5px gold, 0 0 5px gold;
  border: 1px solid gold;
}

.loginInput .MuiInputBase-input:invalid {
  box-shadow: inset 0 0 10px #444;
}

.loginInput .MuiOutlinedInput-input {
  padding: 14px;
}

.loginBtn.MuiButtonBase-root {
  border: 2px solid gold;
  border-radius: 8px;
  box-shadow: 0 0 12px gold, 0 0 20px black;
}

.loginBtn.MuiButton-root.Mui-disabled {
  color: #fff;
}

.checkboxStyle>label {
  margin-left: 0px;
}

.headerZ {
  z-index: 9999;
}

a.link,
a:not([role="button"])[target="_blank"].wpStyleUserMenu {
  background: transparent;
  border-bottom: none;
}

a.link,
a:not([role="button"])[target="_blank"].forgetPassword {
  background: inherit;
  border-bottom: none;
  color: green;
  text-shadow: 0 0 8px green, 0 0 10px green;
  animation: blink 1.2s infinite alternate;
}

/* .forgetPassword a.link:hover, .forgetPassword a:not([role=button])[target=_blank]:hover  {
  color: gold;
  text-shadow: 0 0 15px red, 0 0 30px gold;
} */

@keyframes blink {
  from {
    color: red;
    text-shadow: 0 0 5px red, 0 0 20px red;
  }

  to {
    color: #ffcccc;
    text-shadow: 0 0 15px gold, 0 0 30px red;
  }
}