/*
 * The main non Active Admin SASS stylesheet.
 */
@layer main {
  @font-face {
    font-family: 'proximanova';
    src: url(/assets/proximanova-regular-webfont-1e1fe97c3ba2c7a31b119abae24e492bc8de14e5d41291063e1a61d22a3f7367.woff2) format("woff2"), url(/assets/proximanova-regular-webfont-10c88bf230a6ebf87ee67e33d40aee5ca60727a1fd1cd9c7d4e7315dd553a4c1.woff) format("woff");
    font-weight: normal;
    font-style: normal;
  }
  /* line 1, app/assets/stylesheets/pages/_login.scss */
  div#login-root {
    justify-content: space-between;
    background: #395070;
    background: linear-gradient(135deg, #395070 0%, #3172b8 75%, #1f9cd7 100%);
    height: 100vh;
  }
  /* line 8, app/assets/stylesheets/pages/_login.scss */
  #login-buttons.pride button {
    background: linear-gradient(120deg, #d43131, #d43131, #d4ac31, #d0d431, #31d44d, #31cbd4, #3c31d4, #c918db, #c918db);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    background-size: 200% 200%;
    animation: rainbow 10s ease infinite;
    border-color: #eff2f7;
  }
  @keyframes rainbow {
    0% {
      background-position: 0% 82%;
    }
    50% {
      background-position: 100% 19%;
    }
    100% {
      background-position: 0% 82%;
    }
  }
  @media (max-width: 700px) {
    /* line 32, app/assets/stylesheets/pages/_login.scss */
    img#logo {
      display: none;
    }
    /* line 36, app/assets/stylesheets/pages/_login.scss */
    div#login-root {
      max-width: 100vw;
      padding: 0;
      justify-content: center;
    }
    /* line 42, app/assets/stylesheets/pages/_login.scss */
    div#login-root,
#login-box {
      min-width: revert;
      margin: 0;
      padding: 15px;
    }
    /* line 49, app/assets/stylesheets/pages/_login.scss */
    img#small-logo {
      max-width: 30%;
    }
    /* line 53, app/assets/stylesheets/pages/_login.scss */
    #login-box {
      max-height: 100%;
      max-width: 80%;
    }
    /* line 58, app/assets/stylesheets/pages/_login.scss */
    #login-buttons {
      padding: 0 10px 0 10px;
    }
    /* line 61, app/assets/stylesheets/pages/_login.scss */
    #login-buttons button {
      border-radius: 16px;
    }
  }
}