:root {
    --filter-bg-color: #ffd270;
}

@layer page {
    body {
        background: #ffffe4;
    }

    main {
        justify-self: center;

        display: flex;
        flex-direction: column;
        align-items: center;

        padding: 5rem 0;

        gap: 5rem;

        max-width: 80ch;

        .search-result {
            background: #ffeabc;
        }

        button {
            background: #ffd270;
        }

        @media screen and (max-width: 1024px) {
            padding: 3rem 1rem;
            gap: 3rem;

            .card {
                width: 100%;
            }
        }
    }
}
