/* code style */
pre code1 {
	background-color: var(--background-color);
	display: block;
	max-height: 600px;
	overflow: auto;
	font-size: small;
	
	
	counter-reset: step;
  }

  pre code1 span::before {
	background-color: var(--base-color);
	display: inline-block;
	width: 30px;
	
	margin-right: 8px;
	
	padding-left: 8px;
	padding-bottom: 8px;
	color: #000;
	border-right: 5px solid var(--arduino-color-3);

	counter-increment: step ;
	content:counter(step)"  ";
  }

/* copy code button */
.code-copy-button {
  position: absolute;
  top: 2px;
  right: 0px;
  width: 47px;
  height: 25px;
  line-height: 25px;
  border: 2px solid var(--arduino-color-1);
  cursor: pointer;
  text-align: center;
  color: white;
  background-color: var(--arduino-color-2);
  z-index: 5;
}
.tooltip {
    position: relative;
    display: inline-block;
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }