hide_wp_adminbar.css

html {

  margin-top: 0 !important;

}

#wpadminbar {

  translate: 0 -100%;

}

#wpadminbar:before {

  content: "";

  position: absolute;

  inset: 0;

  translate: 0 100%;

}

#wpadminbar,

#wpadminbar:before {

  transition: 0.5s 0.5s cubic-bezier(0.19, 1, 0.22, 1);

}

#wpadminbar:hover,

#wpadminbar:hover:before {

  translate: 0 0;

}