/* graphStyle.css */

/* Base styles for the SVG */
svg {
    font-family: 'Arial', sans-serif;
    user-select: none;
  }

  html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Prevents scrollbars from appearing when the SVG is exactly viewport-sized */
}

#graph {
    width: 100%;
    height: 100%;
}


.nodes circle {
    cursor: pointer; 
 stroke: rgb(0, 0, 0); /* Changes the stroke color */
    stroke-width: 2px; /* Changes the stroke width */
  }


  
  .edgeLabel text{
    fill: rgb(0, 0, 0); /* Text color */
    font-family: Arial, sans-serif;
    font-size: 10px;
    pointer-events: none; /* Prevents interference with edge interaction */
  }


  
  /* Hover effect for nodes */
.nodeRect:hover {
    fill: orange; /* Changes the fill color of the node */
    stroke: red; /* Changes the stroke color */
  }

  @keyframes march {
    to {
      stroke-dashoffset: -10;
    }
  }
  
  .edgeLine {
    animation: march 1s linear infinite;
  }