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


/* 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;
}