Tutorial Code to show a line under the sections when the mouse hovers over them

@media (min-width: 651px) {
  .node {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    transition: background 0.3s ease;
  }


  .node:hover {
    background: rgba(200, 200, 200, 0.1);
  }


  .node::after {
    content: '';
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 0;
    height: 6px;
    border-bottom: 2px dashed #bbb;
    border-radius: 0 0 12px 12px;
    opacity: 0;
    transform: scaleX(0.95);
    transform-origin: center;
    transition: opacity .3s ease, transform .3s ease;
  }


  .node:hover::after {
    opacity: 1;
    transform: scaleX(1);
    animation: dashFlow 1s linear infinite;
  }
}


@keyframes dashFlow {
  from {
    border-bottom-color: #bbb;
  }
  to {
    border-bottom-color: #666;
  }
}