body {
    padding: 0;
    margin: 0;
}

#scene-1 {
    width: 100%;
    height: 100%;
    max-width: 500px;
    max-height: 500px;
}

#scene-1.rotating {
    transform: rotate(5400deg);
    transition: 1200s all cubic-bezier(0.57, -0.37, 0.24, 1.49);
}

#scene-1 .layer1 {
    background: linear-gradient(280deg, #004aff 44%, #ff0000);
    mix-blend-mode: color-burn;
}

.coverall {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.container_center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.stack_parent {
    position: relative;
}

.stack_child {
    position: absolute;
    width: 100%;
    height: 100%;
    padding:1px;
    box-sizing:border-box;
}

#popup-container {
    position: fixed;
    bottom: 1em;
    width: 100%;
    margin: 0; padding: 0;
    font-family: monospace;
    text-align: center;
    color: white;
    opacity: 0;
    /* transition: 10s all ease; */
}

#popup-container.visible {
    /* transition: 0s all ease; */
    opacity: 1;
}