/* ----------------------------------------------------------------------------
 * Easy!Appointments - Online Appointment Scheduler
 *
 * @package     EasyAppointments
 * @author      A.Tselegidis <alextselegidis@gmail.com>
 * @copyright   Copyright (c) Alex Tselegidis
 * @license     https://opensource.org/licenses/GPL-3.0 - GPLv3
 * @link        https://easyappointments.org
 * @since       v1.5.0
 * ---------------------------------------------------------------------------- */
body {
  width: 100vw;
  height: 100vh;
  display: table-cell;
  vertical-align: middle;
  background: #f4faf8;
}

#login-frame {
  width: 630px;
  margin: auto;
  border: 1px solid #d7e6e2;
  border-radius: 8px;
  padding: 20px 48px;
  background: #fff;
  box-shadow: 0 16px 42px rgba(0, 74, 74, 0.12);
}

.account-brand {
  display: grid;
  justify-items: center;
  gap: 4px;
  margin-bottom: 14px;
  color: #006f70;
  text-align: center;
}

.account-brand img {
  max-width: 210px;
  max-height: 86px;
  object-fit: contain;
}

.account-brand strong {
  font-size: 18px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.account-brand small {
  color: #6c757d;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  #login-frame {
    width: 100%;
    padding: 20px;
  }
}