/*
  :root {
    --bs-border-radius-sm: 0rem;
    --bs-border-radius: 0rem;

  }

   .sections > .card {
        border-color: black;
         background: rgba(255, 255, 255, 0.1);
          backdrop-filter: blur(12px);
          border: 1px solid rgba(255, 255, 255, 0.2);
    }
   .card .section .card-header {
    border-color: white;
    //border-left: 3px solid #ccc
   }

   .card .section .card-body.slides {
    border-color: white;
    background-color: rgba(0, 0, 0, 0.05);
    //border-left: 3px solid #ccc
   }

  .btn-sm {
    --bs-btn-border-width: 0rem;
  }


  .card .slide{
    // background-color: ;
     border: 1px solid #ccc;
    //  background: rgba(255, 255, 255, 0.1);
      backdrop-filter: blur(12px);
      //border: 1px solid rgba(255, 255, 255, 1.0);
  }
.btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
} */

 /* gradient border :)
.card.slide{

  border: 4px solid;
  border-image: linear-gradient(to right, #f06, #4a90e2);
  border-image-slice: 1;

}*/

.debug-grid * {
  outline: 1px solid rgba(0, 0, 0, 0.05) !important;
}