async function filterOpen() {
    currentpos = document.body.scrollTop;
    document.getElementById("footer").classList.add("addHeight");
    await sleep(100);
    document.getElementById("filter").style = "top: " + document.body.scrollTop + "px;";
    await sleep(400);
    document.getElementById("body").classList.add("disableScrollbar");

    document.getElementById("filterdiv").style = "display: grid !important;";
    document.getElementById("accdiv").style = "display: none !important;";

    document.getElementById("filter").classList.add("filterDisplay");

    document.getElementById("filterbutton").href = "#foclose";
    filterisopened = true;
}

async function filterClose() {
    document.getElementById("body").classList.remove("disableScrollbar");
    document.getElementById("filter").classList.remove("filterDisplay");
    
    await sleep(400);
    await sleep(200);
    document.getElementById("footer").classList.remove("addHeight");

    document.getElementById("filterbutton").href = "#fo";
    
    document.getElementById("filterdiv").style = "display: grid !important;";
    document.getElementById("accdiv").style = "display: none !important;";

    filterisopened = false;
}