@tailwind base;
@tailwind components;
@tailwind utilities;

::-webkit-scrollbar {
    width: 5px;
    /* Width of the entire scrollbar */

}

::-webkit-scrollbar-thumb {
    background: #7b88948b;
    /* Color of the scroll thumb */
}

::-webkit-scrollbar-track {
    background: #5a5a5a00;
    /* Color of the scrollbar track */
}


/* FOR THE IFRAME TO TAKE 95% OF WIDTH ON SMALL SCREEN SIZES */
@media screen and (max-width: 798px) {
    #popupModalFrame {
        width: 100% !important;
    }
}

/* TO ANIMATE THE BURGER MENU IN THE FIXED HEADER */
/* Default state */
.burgerMenuLine {
    width: 25px;
    height: 2px;
}

/* Expanded state */
.burgerMenuLine.expanded {
    width: 2px;
    height: 25px;
}