@font-face {
  font-family: 'lackitalic';
  src: url("../fonts/lack/lack-italic-webfont.woff2") format("woff2"), url("../fonts/lack/lack-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'GeistSans';
  src: url("../fonts/geist-sans/Geist-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'GeistSans';
  src: url("../fonts/geist-sans/Geist-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'GeistSans';
  src: url("../fonts/geist-sans/Geist-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'GeistSans';
  src: url("../fonts/geist-sans/Geist-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap; }
@font-face {
  font-family: 'Geist_Pixel_Display';
  src: url("../fonts/geist-pixel/GeistPixel-Square.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Geist_Pixel_Body';
  src: url("../fonts/geist-pixel/GeistPixel-Square.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; }
html,
body.login {
  height: 100%; }

body.login {
  background-color: #E3E5F2;
  background: linear-gradient(0deg, #F2EFE3 0%, #E3E5F2 100%);
  font-family: "Geist_Pixel_Display", sans-serif;
  color: #000; }
  @media (max-width: 575px) {
    body.login {
      background: #E3E5F2; } }
  @media (prefers-color-scheme: dark) {
    body.login {
      background-color: #16161b;
      background: linear-gradient(0deg, #1d1a17 0%, #16161b 100%);
      color: #fff; } }
  @media (prefers-color-scheme: dark) and (max-width: 575px) {
    body.login {
      background: #16161b; } }

  body.login h1 a {
    background-image: none !important;
    width: auto;
    height: auto;
    text-indent: 0;
    font-family: "Geist_Pixel_Display", sans-serif;
    font-size: 31px;
    line-height: 1.2;
    color: #000; }
    @media (prefers-color-scheme: dark) {
      body.login h1 a {
        color: #fff; } }
  body.login form {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important; }
  body.login label,
  body.login input,
  body.login button,
  body.login .button,
  body.login #nav,
  body.login #backtoblog,
  body.login .privacy-policy-page-link {
    font-family: "Geist_Pixel_Display", sans-serif;
    color: #000; }
    @media (prefers-color-scheme: dark) {
      body.login label,
      body.login input,
      body.login button,
      body.login .button,
      body.login #nav,
      body.login #backtoblog,
      body.login .privacy-policy-page-link {
        color: #fff; } }
  body.login input[type="text"],
  body.login input[type="email"],
  body.login input[type="password"] {
    background: #fff;
    color: #000; }
    @media (prefers-color-scheme: dark) {
      body.login input[type="text"],
      body.login input[type="email"],
      body.login input[type="password"] {
        background: rgba(255, 255, 255, 0.08);
        color: #fff;
        border-color: rgba(255, 255, 255, 0.4); } }
  body.login #nav a,
  body.login #backtoblog a {
    color: #000; }
    @media (prefers-color-scheme: dark) {
      body.login #nav a,
      body.login #backtoblog a {
        color: #fff; } }
    body.login #nav a:hover,
    body.login #backtoblog a:hover {
      color: #3c00f5; }
  body.login .privacy-policy-page-link {
    display: none; }

/*# sourceMappingURL=login.css.map */