.fs-0{
    font-size: 4rem;
}
.fs-7{
    font-size: 0.8rem;
}
.bg-gray{
    background-color: #f0f2f5;
}

.nav_btn button:hover{
    background: #f0f2f5 !important;
}

.nav_btn button:hover i{
    color: #0866ff !important;
}

.nav_btn-active i{
    color: #0866ff !important;
}

.nav_btn-active{
    position: relative;
}

.nav_btn-active:before{
    content: '';
    position: absolute;
    bottom: -4.5px;
    left: 0;
    transform: translateY(4.5px);
    width: 100%;
    height: 3px;
    border-bottom: 3px solid #0866ff !important;
}

.class-custom:hover{
    background: #9499a0 !important;
}

.edit-button{
    opacity: 0;
}
.edit-button:hover{
    opacity: 1;
}


.scrollbar:hover{
    overflow: auto !important;
}

.story:hover{
    opacity: 0.8;
}

@media(max-width: 62em){
    footer {
        position: fixed;
        bottom: 0;
        width: 100%;
    }
}