.item-card {

    display: grid;
    grid-template-rows: min-content auto;

    max-width: 300px;
    height: fit-content;
    flex-grow: 0;

    border-radius: 16px;
    margin: 8px;   
    background-color: var(--theme-primary-1-light);

    .item-card-header {
        display: grid;
        grid-template-columns: auto min-content;

        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        text-align: left;

        .item-card-name {
            background-color: var(--theme-accent-1-light);
            border: 4px solid var(--theme-accent-1-dark);
            border-right: 0px none;
            border-top-left-radius: 16px;
            padding-top: 8px;
            padding-bottom: 8px;
            padding-left: 16px;
            padding-right: 16px;

            font-family: "BW";
            font-size: 24px;



        }

        .item-card-size {
            background-color: var(--theme-primary-2-darker);
            border: 4px solid var(--theme-accent-1-dark);
            border-top-right-radius: 16px;
            padding-top: 8px;
            padding-bottom: 8px;
            padding-left: 8px;
            padding-right: 16px;

            font-family: "BW";
            font-size: 24px;
        }


        .label {
            font-size: 16px;
            letter-spacing: 1px;
            color: var(--theme-primary-2-base);
            padding-bottom: 4px;
        }
    }

    .item-card-description {
        border: 4px solid var(--theme-primary-1-dark);
        border-top: 0px none;

        max-height: fit-content;
        padding: 8px;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;

    }

    transition: all .25s;

    &:hover {
        transform: scale(1.05, 1.05) rotate(-2deg);
    }
}