.skip-to-main-content-link{position:absolute;left:-9999px;//Moves the link far off-screen to the left,making it invisible to sighted users. z-index:999;//Sets a high z-index,ensuring that the link will be on top of other page elements if it becomes visible. padding:1em;background-color:#000;color:#fff;opacity:1;//Sets the link's opacity to 0, making it fully transparent and invisible.
}

.skip-to-main-content-link:focus {
  left: 50%; // When the link receives focus (e.g., when a keyboard user tabs to it), it is repositioned horizontally to the centre of the screen.
  transform: translateX(-50%); //This centres the link horizontally by moving it back to the left by 50% of its own width.
  opacity: 1; //The link's opacity is set to 1,making it fully visible.}.bde-skip-link:not(:first-of-type){display:none}