:root {
    /* safe area insets for iOS devices with notches */
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-left: env(safe-area-inset-left);
    --safe-area-inset-right: env(safe-area-inset-right);  
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
    /* adjust the primary color to match the design */
    --bs-primary: #666666;
    --bs-primary-rgb: 49, 121, 185;
}

body {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-overflow-scrolling: auto;
}
.app-modal {margin-top: max(15px, var(--safe-area-inset-top))}
.app-fixed-center {
    align-items: center;
    display: flex;    
    height: 100vh;
    width: 100%;
    justify-content: center;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 9999;
}
.app-container{
    opacity: .5;
}

        .hero-disney {
            background: linear-gradient(#0a1428, #1a2a5e 30%, #aa8994);
            min-height: 50vh;
            display: flex;
            align-items: center;
        }