:root {
    --main-color1: var(--keeletee1);
    --main-color2: var(--keeletee2);
    --main-color3: #007C91;
    --main-color1-10:  rgba(0, 124, 10, 0.1);
    --main-color1-20:  rgba(0, 124, 10, 0.2);
    --main-color-hover:  var(--main-color1-10);
    --title-fg: var(--main-color3);
    --title-bg: var(--body-bg);
    --main-filter: invert(37%) sepia(97%) saturate(4686%) hue-rotate(170deg) brightness(87%) contrast(101%);
    --search-svg: url("/assets/img/searchB1.svg");
    --visited-svg: url("/assets/img/visited-B1.svg");
    --delete-svg: url("/assets/img/delete-B1.svg");
    --check-svg: url("/assets/img/linnuke-B1.svg");
}

.main-filter{
    filter:var(--main-filter);
}