/* Global layout styles. Page and feature styles live in sibling stylesheet files. */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
}

.app-screen,
.app-container {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

.app-screen {
    min-height: 100vh;
    background:
            radial-gradient(
                    circle at top,
                    #ffffff,
                    #f8fafc 45%
            );
    padding: 16px 14px 120px;
}

.app-container {
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
}

@media (min-width: 1280px) {
    .events-new .app-container,
    .seo-page .app-container {
        max-width: 1152px;
    }
}