body {
  background: #f8f8f8;
  color: #333;
  margin: 0;
  padding: 0;
  text-align: center; }

.qd-login {
  width: 700px;
  margin: 40px auto;
  font: 14px helvetica, arial, sans-serif; }
  .qd-login__logos {
    margin-bottom: 30px; }
    .qd-login__logos img {
      margin: 0 10px; }
  .qd-login__title {
    font: 24px helvetica, arial, sans-serif;
    font-weight: 300;
    margin-bottom: 30px; }
  .qd-login__buttons {
    margin-bottom: 30px; }
    .qd-login__buttons .qd-button {
      width: 260px;
      height: 50px;
      background: #35792a;
      color: #ffffff;
      border-radius: 3px;
      outline: 0;
      border: 0;
      display: inline-block;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0;
      margin: 0 8px;
      text-align: center;
      text-transform: uppercase;
      font-weight: 500;
      font-size: 18px;
      cursor: pointer;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
  .qd-login__links {
    margin-bottom: 30px; }
    .qd-login__links .qd-link {
      color: #35792a;
      font-size: 16px;
      text-transform: uppercase;
      margin: 0 5px; }
    .qd-login__links .qd-footer {
      color: #35792a;
      font-size: 12px;
      text-transform: uppercase;
      margin: 0 5px; }
  .qd-login__copyright {
    font: 12px helvetica, arial, sans-serif; }
    .qd-login__copyright--source {
      font-size: 11px;
      margin-top: 10px; }