/*:root {*/
/*     --accent-color: #3f51b5; */
/*    --accent-color: #444cf755;*/
/*    --pattern-bg: #e5e5f7;*/
/*    --pattern-bg-wh: #fff;*/
/*}*/

.magicpattern {
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("../images/magicpattern1x1.png");
}

.pattern {
    background-size: 38px 38px;
    /* background-color: #e5e5f7; */
    /* background-color: #fff; */
    opacity: 1;
    background-image: radial-gradient(var(--accent-color) 0.9500000000000001px, transparent 0.9500000000000001px), radial-gradient(var(--accent-color) 0.9500000000000001px, var(--pattern-bg-wh) 0.9500000000000001px);
    background-position: 0 0, 19px 19px;
}