h1,h2,h3{
}
strong{
}
ul{
}
li{
}
.reveal .inline-code{
  font-family: 'Menlo';
  color: #06287e;
}
.custom-right-border {
  /* 1. Define the dash pattern: 10px black dash, 10px transparent gap */
  background-image: repeating-linear-gradient(
    to bottom,
    #dcdcdc,
    #dcdcdc 10px,
    transparent 10px,
    transparent 20px
  );

  /* 2. Make it 2px wide, and stretch it 100% vertically */
  background-size: 2px 100%;

  /* 3. Snap it to the right edge */
  background-position: right;
  background-repeat: no-repeat;

  /* Optional: Ensure text content doesn't bleed into the custom border */
  padding-right: 15px;
}
.custom-left-border {
  /* 1. Define the dash pattern: 10px black dash, 10px transparent gap */
  background-image: repeating-linear-gradient(
    to bottom,
    #dcdcdc,
    #dcdcdc 10px,
    transparent 10px,
    transparent 20px
  );

  /* 2. Make it 2px wide, and stretch it 100% vertically */
  background-size: 2px 100%;

  /* 3. Snap it to the right edge */
  background-position: left;
  background-repeat: no-repeat;

  /* Optional: Ensure text content doesn't bleed into the custom border */
  padding-left: 15px;
}
.custom-bottom-border {
  /* 1. Define the dash pattern: 10px black dash, 10px transparent gap */
  background-image: repeating-linear-gradient(
    to right,
    #dcdcdc,
    #dcdcdc 10px,
    transparent 10px,
    transparent 20px
  );

  /* 2. Make it 2px wide, and stretch it 100% vertically */
  background-size: 100% 2px;

  /* 3. Snap it to the right edge */
  background-position: bottom;
  background-repeat: no-repeat;

  /* Optional: Ensure text content doesn't bleed into the custom border */
  padding-bottom: 15px;

.plotly-wrapper {
  display:block;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}