@layer base {
    main {
        width: 100%;
        padding: var(--block-space);

        @media (min-width: 40rem) {
            width: 40rem;
            margin: 0 auto;
            padding: var(--block-space) 0;
        }

        header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 0.8em;
        }
    }
}