html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.online_3d_viewer {
    width: 100%;
    height: 100vh; 
    text-align: center;
    font-size: 20px;
    position: relative;
}

#notfound-content {
    display: flex;
    justify-content: center; /* Centers the content horizontally */
    align-items: center; /* Centers the content vertically */
    height: 100vh; /* Makes the div take up the full viewport height */
    text-align: center; /* Optional: Centers the image's alt text */
}

    #notfound-content img {
        max-width: 100%; /* Optional: ensures image is responsive */
        height: auto; /* Optional: maintains aspect ratio */
    }

.spinner-container {
    z-index: 999999999;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.content-spinner div, .spinner_addtolist {
    box-sizing: border-box;
    display: block;
    width: 50px;
    height: 50px;
    border: 5px solid red;
    border-radius: 50%;
    animation: rotating 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: red transparent transparent transparent;
}

@keyframes rotating {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}