@import './../styles/index.scss';

#section-signinpassword {
  height: 100%;
  width: 328px;
  border-radius: 0px 0px 7px 7px;
  margin: auto;

  .subheader {
    height: 40%;
    width: 100%;
    text-align: center;

    .sub-text {
      height: 35%;
      position: relative;
      top: 40%;
      color: #ffffff;
      p:nth-child(1) {
        margin: 0px;
        font-size: 17px;
        font-weight: 600;
      }
      p:nth-child(2) {
        margin: 4% 0% 0% 0%;
        font-size: 14px;
      }
    }
  }

  .form {
    height: 45%;
    width: 60%;
    margin: 0 auto;

    form {
      .label-password {
        width: 100%;
        margin: 7% 0% 3% 0%;
        padding: 0px;
        input {
          width: 100%;
          background: transparent;
          text-indent: 7px;
          border: 0px;
          border-bottom: solid 1px rgba(255, 255, 255, 0.19);
          color: #ffffff;
        }
        input::placeholder {
          font-size: 12px;
          color: rgba(255, 255, 255, 0.6);
          opacity: 1;
        }
        input:focus {
          outline: none;
          border-bottom: solid 1px #ffffff;
        }
        .forgot-password {
          color: rgba(255, 255, 255, 0.6);
          position: relative;
          font-size: 12px;
          top: 3px;
          right: -40%;
          cursor: pointer;
        }
        .forgot-password:hover {
          color: rgba(255, 255, 255, 1);
        }
      }

      .buttons {
        width: 100%;
        margin: 10% 0% 0% 0%;
        padding: 0px;
      }
    }
  }
}
