@import url('./login-and-menu-form.css');
@import url('./layout.css');

.is-hidden {
    z-index: -1;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 0;
}
.admin-page {
    padding: 4rem 0;
    width: 80%;
    font-family: var(--font-family-sans-serif);
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.add-menu-item {
    width: 100%;
    display: none;
}
.is-authenticated-user .add-menu-item {
    display: block;
}
.is-authenticated-user .login-form {
    display: none;
}
.message-container {
    text-align: center;
    color: green;
}
.login-form__message-container {
    text-align: center;
}
.welcome-message h1 {
    margin-bottom: 2rem;
}

/* small devices/mobile portrait mode */
@media (max-width: 990px) {
    .admin-page {
        padding: 2rem 0;
        width: 94%;
    }
}