/* style.css */
body,
html {
    margin: 0;
    height: 100%;
    overflow: hidden;
}

#svg-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f0f0f0;
    /* Background color if needed */
}

svg {
    width: 100%;
    height: auto;
}

/* Specific styles for iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    svg {
        height: 100vh;
        /* Adjust height to fill the screen on iPad */
    }
}