html, body {
    margin: 0;
    padding: 0;
    height: var(--real-vh); /* Dynamic viewport height only */
    overflow: hidden;
    overscroll-behavior: none;
    padding-bottom: env(safe-area-inset-bottom); /* Only this for iOS bottom padding */
    -webkit-overflow-scrolling: touch;
}


img {
    border: 0;
    outline: 0;
}

    img:not([src]),
    img[src=""],
    img[src="broken-url.jpg"] {
        visibility: hidden;
    }

/*body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}*/

.ihoa-orange-color {
    color: var(--mud-palette-primary);
}

/* mudblazor overrides */
/* typo */
.mud-typography-h6 {
    font-size: 1rem !important;
}

/* Original creates a -24 top margin, need to investigate */
.mud-grid-spacing-xs-6 {
    margin-top: 0px !important;
}

.mud-link.mud-link-underline-hover:hover {
    color: var(--mud-palette-text-primary);
}

/* Keyframes */
@keyframes slide-up {
    from {
        transform: translate(-50%, 100%);
    }

    to {
        transform: translate(-50%, 0);
    }
}

@keyframes slide-down {
    from {
        transform: translate(-50%, 0);
    }

    to {
        transform: translate(-50%, 100%);
    }
}