@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai+Looped:wght@100..900&family=Google+Sans:wght@400;700&display=swap');
@import url('theme-vars.css');
@import url('base-ui.css');

.guest-header {
    gap: 1rem;
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    justify-content: end;
    color: var(--content-dark);
}
main {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.guest-footer {
    padding-top: 1rem;
    text-align: center;
    font-size: 0.875rem;
    color: var(--content-medium);
}

@media (max-width: 600px) {
    main {
        margin-top: 1rem;
        justify-content: start;
    }
}

@media (max-width: 420px) {
    body { padding: 1rem 0 }
    .guest-header { margin: 0 1rem }
}