.body-grid{
    display: grid;
    grid-template-columns: 15% 1fr 15%;
    grid-template-areas: 'left-side main-section right-side'
    'footer footer footer';
    /* background-color: light-dark( var(--tc-col007), var(--bg-colDark)); */
    /* color: light-dark(var(--bg-colDark), var(--tc-col007)); */
}

.left-side{
    grid-area: left-side;
}
.main-section{
    grid-area: main-section;
}
.footer{
    grid-area: footer;
}
.b-curve{
    transition: background-position .5s cubic-bezier(0,.76,.44,1),
      transform .5s cubic-bezier(0,.76,.44,1);
}

.b-trns{
    background-color: rgba(20, 20, 20, 0.8);
}
.b-trns:checked{
    background-color: rgba(0, 0, 0, 0.8);
}

.w-h-50p{
    width: 50%;
    height: 1240px;
    background-color: black;
}