/* BODY */

body {
    margin: 0;
}

:target:before {
    content: "";
    display: block;
    height: 50px; /* Adjust this height to match the height of your navigation bar */
    margin: -55px 0 0; /* Negative margin equal to the height of the navigation bar */
}

@media (max-width: 999px) and (min-width: 800px) and (min-height: 500px) and (min-resolution: 190dpi) {
    body{
        padding-top:150px;
        padding-top: env(safe-area-inset-top); /* Ensures that mobile browsers do not add extra space after the fixed top-nav */
    }
    :target:before {
        margin: -150px 0 0;
    }
}