@layer reset, ui, theme;

@layer reset {
    body {
        margin: 0;
        width: 100%;
        overflow: hidden;
    }
}

@layer theme {
    body {
        display: grid;
        grid-template-columns: 1fr minmax(min-content, 800px) 1fr;
        width: 100%;
    }
    header {
        grid-column: 1/-1;
    }
    header img {
        max-width: 100%;
    }
    main {
        grid-column: 2/3;
        padding: 0 12px;
    }
}