/* Grid */
body>main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100vh - 7rem);
    padding: 1rem 0;
  }
  
  article {
    padding: 0;
    overflow: hidden;
  }
  
  article div {
    padding: 1rem;
  }
  
  @media (min-width: 576px) {
    body>main {
      padding: 1.25rem 0;
    }
  
    article div {
      padding: 1.25rem;
    }
  }
  
  @media (min-width: 768px) {
    body>main {
      padding: 1.5rem 0;
    }
  
    article div {
      padding: 1.5rem;
    }
  }
  
  @media (min-width: 992px) {
    body>main {
      padding: 1.75rem 0;
    }
  
    article div {
      padding: 1.75rem;
    }
  }
  
  @media (min-width: 1200px) {
    body>main {
      padding: 2rem 0;
    }
  
    article div {
      padding: 2rem;
    }
  }
  
  /* Nav */
  summary[role="link"].secondary:is([aria-current], :hover, :active, :focus) {
    background-color: transparent;
    color: var(--secondary-hover);
  }
  
  /* Hero Image */
  article div:nth-of-type(2) {
    display: none;
    /* background-color: #14222c; */
    /* background-image: url("img/paul-green-tvk4EKq9m_w-unsplash.jpg"); */
    background-position: center;
    background-size: cover;
  }
  
  @media (min-width: 992px) {
    .grid>div:nth-of-type(2) {
      display: block;
    }
  }
  
  /* Footer */
  body>footer {
    padding: 1rem 0;
  }

  .notification{background-color:#f5f5f5;border-radius:4px;padding:1.25rem 2.5rem 1.25rem 1.5rem;position:relative}
  .notification a:not(.button):not(.dropdown-item){color:currentColor;text-decoration:underline}
  .notification strong{color:currentColor}
  .notification code,
  .notification pre{background:#fff}
  .notification pre code{background:0 0}
  .notification>.delete{position:absolute;right:.5rem;top:.5rem}
  .notification .content,
  .notification .subtitle,
  .notification .title{color:currentColor}
  .notification.is-white{background-color:#fff;color:#0a0a0a}
  .notification.is-black{background-color:#0a0a0a;color:#fff}
  .notification.is-light{background-color:#f5f5f5;color:#363636}
  .notification.is-dark{background-color:#363636;color:#f5f5f5}
  .notification.is-primary{background-color:#00d1b2;color:#fff}
  .notification.is-link{background-color:#3273dc;color:#fff}
  .notification.is-info{background-color:#209cee;color:#fff}
  .notification.is-success{background-color:#23d160;color:#fff}
  .notification.is-warning{background-color:#ffdd57;color:rgba(0,0,0,.7)}
  .notification.is-danger{background-color:#ff3860;color:#fff}
  .notification_login.is-info{color:#209cee}
  .notification_login.is-success{color:#23d160}
  .notification_login.is-warning{color:#ffdd57}
  .notification_login.is-danger{color:#ff3860}


/* Login Logo */
.login-logo {
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
  align-content: center;
}


/* Light mode styles */
.light div.login-logo {
  /* background-color: #8de390; */
  color: #ffffff;
}

/* Dark mode styles */
.dark div.login-logo{
  background-color: #14222c;;
  color: #ffffff;
}