.container h1{
    border-bottom: solid 0.2px #f88220;
    padding-bottom: 10px !important;
}
.orange{
    color: var(--bs-orange);    
}
.ytplayer-container, source, video {
    position: relative;
    width: 50%;
}
#left-menu-stick{
    max-width: 220px;
}
#left-menu-stick a.active, .left-menu-mobile li a.active {
    background-color: var(--bs-code-color);
    border-bottom: none;
    border: none !important;
}
/*.step-box:hover{
  box-shadow: 0.5px 0.5rem 2rem rgba(0, 0, 0, 0.15) !important;
}*/
.step-box{
    display: grid;
    grid-template-columns: auto;
    gap: 6px;
}
.step-box img{
  min-height: 115px;
  border-radius: 5px 5px 0px 0px;
  border-bottom: solid 4.5px var(--bs-orange);
}
img.shiny {
    -webkit-mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    -webkit-mask-size: 800%;
    mask-size: 800%;
    -webkit-mask-position: 0;
    mask-position: 0;
}

img.shiny:hover {
    transition: mask-position 2s ease,-webkit-mask-position 2s ease;
    -webkit-mask-position: 120%;
    mask-position: 120%;
    opacity: 1;
}