.customs {
    row-gap: 32px;
    display: block;

    .row {
        max-width: 90%;
        justify-content: center;

        border-radius: 32px;
        box-shadow: 16px 16px 16px var(--theme-gray-dark);
        transition: all .25s;

        margin-left: auto;
        margin-right: auto;
        padding-left:16px;
        padding-right:16px;
        margin-bottom: 32px;

        &:hover {
            transform: scale(1.05, 1.05);
        }

        & h2 { 
            font-size: 24px;
            font-family: "BW";
            color: var(--theme-white);
            text-align: center;

            padding: 0px 16px 0px 16px;
            margin: 16px 0px 0px 0px;
        }

        & .perk-block-wrapper {
            margin: 24px 0px 32px 0px;
        }

        & .move-block-wrapper {
            margin: 8px 0px 16px 0px;
        }

        &.custom1 {
            --strongBlue: rgb(28, 38, 175);
            --regBlue: rgb(41, 47, 128);

            background-image: linear-gradient(
                -45deg,
                var(--strongBlue) 25%,
                var(--regBlue) 25%,
                var(--regBlue) 50%,
                var(--strongBlue) 50%,
                var(--strongBlue)75%,
                var(--regBlue) 75%,
                var(--regBlue) 100%
            );
        }

        &.custom2 {
            --strongPurple: rgb(133, 28, 175);
            --regPurple: rgb(93, 41, 128);

            background-image: linear-gradient(
                -45deg,
                var(--strongPurple) 25%,
                var(--regPurple) 25%,
                var(--regPurple) 50%,
                var(--strongPurple) 50%,
                var(--strongPurple)75%,
                var(--regPurple) 75%,
                var(--regPurple) 100%
            );
        }

        &.custom3 {

        }

        &.custom4 {

        }

        &.custom5 {

        }
        
        &.locked {
            background-image: linear-gradient(
                -45deg,
                var(--theme-gray-light) 25%,
                var(--theme-gray-base) 25%,
                var(--theme-gray-base) 50%,
                var(--theme-gray-light) 50%,
                var(--theme-gray-light) 75%,
                var(--theme-gray-base) 75%,
                var(--theme-gray-base) 100%
            );

            & img {
                width: 128px;

                margin: 16px 0px 16px 0px;
            }
        }
    }


}