html {
    scroll-behavior: smooth !important;
}

.earth-overlay {
	background-color: white;
	box-shadow: 0 2px 8px black;
	border-radius: 0px 8px 8px 8px;
    padding: 0.5em
}

.earth-container {
	width: 100%;
    max-width: unset;
	margin: 0 auto;
    aspect-ratio: 1/1;
}

.earth-navigace {
    padding: 0 32px;
    font-size: 1.3em;
    color: var(--e-global-color-astglobalcolor9);
    position: relative;
    top: 1em;
    z-index: 50;
}


.earth-navigace:focus {
    color: var(--e-global-color-astglobalcolor9);
}

.earth-navigace:hover {
    color: var(--ast-global-color-1);
}

.hidden {
    display: none;
}

#atmos {
    position: absolute;
        top: 50%;
        left: 50%;
        width: 115%;
        aspect-ratio: 1/1;
        transform: translate(-50%, -50%);
        background: radial-gradient(ellipse at center, rgba(200, 230, 255, 0) 40%, rgba(130, 195, 255, 0.2) 49%, rgba(33, 63, 255, 0.05) 50.5%, rgba(18, 0, 255, 0) 64%);
        z-index: 1200;
        pointer-events: none;
}

#myearth-wrap {
    display:flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 1025px) {
    #myearth-wrap {
        flex-direction: column-reverse;

    }

    .earth-navigace {
        position: static;
        padding: 32px;
    }
}


#ng-obsah section {
    display: none;
}


#earth-nav {
    /* display: grid;
    grid-template-columns: repeat(3,1fr); */
    display: flex;
    flex-wrap: wrap;
    row-gap: 2.5em;
    justify-content: center;
}