:root {
    --p-c: #6BA543;
    --dark-10: rgba(47, 47, 47, 0.1);
    --b-c: #1B0E1C;
    --w-c: #ffff;
    --b-c: #3C3950;
}



.mask-image {
    width: var(--m-size);
    height: var(--m-size);
    background-color: var(--m-bg);

    -webkit-mask-image: var(--m-url);
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;

    mask-image: var(--m-url);
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;

    transition: 0.4s;
}

*:hover>.mask-image {
    background-color: var(--m-h-bg, var(--m-bg));
}

ul,
li {
    list-style: none;
}

.italian {
    font-family: "Italianno", cursive;
}

.poppins {
    font-family: "Poppins", sans-serif;
}

.maitree {
    font-family: "Maitree", serif;
}

.rajdhani {
    font-family: "Rajdhani", sans-serif;
}

.major {
    font-family: "Major Mono Display", monospace;
}

.inria-serif {
    font-family: "Inria Serif", serif;
}