.main-content {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    z-index: 2;
    background-color: white;
    transition: all 0.3s;
}

.sidebar {
    width: 0%;
    opacity: 0;
    position: fixed;
    right: 0;
    height: 100%;
    transition: all 0.3s;

}

.shrink body {
    background-color: black;
}

.shrink .sidebar {
    width: 36%;
    opacity: 1;
}

.shrink .main-content {
    transform: scale(0.8) translateX(-30%);
    overflow: hidden;
}

.shrink footer {
    position: relative !important;
}

.base-body {
    z-index: 99;
    position: relative;
}

.shrink .base-body {
    padding-bottom: 0 !important;
}
.shrink .nav-scroll{
    position: sticky !important
}
.shrink .sidebar{
    z-index: 3
}

@media screen and (max-width:700px){
    .shrink .sidebar {
        width: 90%;
    }
    .shrink .main-content {
        transform: scale(0.8) translateX(-90%);
    }
    .base-body{
        padding-bottom: 0 !important
    }
}