body{
    min-height: 100dvh;
    min-height: 100vh;
    width: 100vw;
    // overflow-x: hidden;

    display: flex;
    flex-direction: column;


    main{
        flex-grow: 1;
        padding: 0 var(--padding-body);
        padding-top: var(--header-h);
        padding-bottom: calc(var(--spacing)*2);

        min-height: 100dvh;
        min-height: 100vh;

        .page__header,
        .page__content{
            max-width: var(--max-w-cards);
            margin-inline: auto;
        }
    }

   


   
    
}