:root{
    --color-header: linear-gradient(180deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .6) 25%, rgba(0, 0, 0, .2) 70%, rgba(0, 0, 0, 0));
    --color-button-hover: #38f;
    --color-cnname: linear-gradient(160deg, #3A8188, #DB0AA7);
    
    --if-list: none;
    --if-links: flex;

    --size-card-width: 28vw;
    --size-card-height: 17.3vw;

    --qr-width: 26vw;
    --qr-height: 30vw;
    --qr-code-width: 20vw;
    --qr-font-size: 1vw;

}
@media screen and (max-width: 900px) {
    :root{
        --if-list: block;
        --if-links: none;

        --qr-width: 70vw;
        --qr-height: 75vw;
        --qr-code-width: 60vw;
        --qr-font-size: 2.5vw;
    }
}