[bug] causes admin bar to overlap site

Your CSS code has this:

html {
  margin-top: 0 !important;
}

When logged in, this causes the admin bar to overlap the site and this usually means navigation is blocked. There are a number of better ways to handle this. Personally, I think the best thing is to not override the default margin-top for the html tag at all. Another option is something like this:

/*  SET DEFAULT OFFSET 0 SO WE CAN POSITION OUR OVERLAYS */
body:not(.admin-bar) {
    --wp-admin--admin-bar--height: 0;
}
html {
    margin-top: var(--wp-admin--admin-bar--height) !important; 
}

Above code is untested with AnimatePress but I have used it on other sites and it’s worked well.