/* Basic styling for the family tree. Refine as needed. */
@print{
    .noprint, .no-print {
        display:none !important;
    }
    svg {
        border:unset !important;
    }
}
body,html {
    background: #292929;
    font-family: Arial, sans-serif;
    overflow: hidden;
}

svg {
    background-color: #292929;
    border: 1px solid #ccc;
}
/*
.node circle {
    fill: #fff;
    stroke: steelblue;
    stroke-width: 3px;
}
*/

/*
.link {
    fill: none;
    stroke: #ccc;
    stroke-width: 2px;
}
*/

@keyframes pulse {
    0% { stroke: #292929; }
    50% { stroke: #fff; }
    100% { stroke: #292929; }
}


@keyframes drawLine {
    to {
        stroke-dasharray: 20000;  /* Ensure this value is large enough */
        stroke-dashoffset: 0;
    }
}


.link {
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    animation: drawLine 7s forwards infinite;
}