st-login form {
  width: 400px; }

st-login label {
  position: absolute;
  transform: translateY(6px);
  left: 13px;
  transition: all 0.25s ease;
  pointer-events: none;
  font-size: 22px; }
  st-login label .req {
    margin: 2px;
    color: green; }

st-login label.active {
  left: 2px;
  font-size: 14px; }
  st-login label.active .req {
    opacity: 0; }

st-login label.highlight {
  color: #ffffff; }

st-login input {
  font-size: 22px;
  display: block;
  padding-left: 130px;
  padding-bottom: 8px;
  padding-top: 8px;
  border: 1px solid lightgray;
  border-radius: 0; }
  st-login input:focus {
    outline: 0;
    border-color: green; }

st-login .field-wrap {
  position: relative;
  margin-bottom: 20px; }

st-login button {
  border-radius: 5px;
  font-weight: bold;
  text-transform: uppercase;
  background: #000000;
  color: #ffffff;
  transition: all .5s ease;
  width: 100px;
  height: 30px; }
  st-login button:hover, st-login button:focus {
    background: lightgrey; }

st-login .forgot {
  margin-top: 20px;
  text-align: right; }
