const C_AREA = document.getElementById("content-area");
const NAV_BTN = document.getElementById("nav-menu-btn");
const NAV_MENU = document.getElementById("nav-menu");

let nav_state = false;

function nav_click() {
	if (!nav_state) {
		NAV_MENU.classList.remove("hidden");
		NAV_BTN.classList.remove("text-stone-200");
		NAV_BTN.classList.add("text-pink-600");
                NAV_BTN.classList.add("scale-105");

	} else {
		NAV_MENU.classList.add("hidden");
		NAV_BTN.classList.add("text-stone-200");
		NAV_BTN.classList.remove("text-pink-600");
		NAV_BTN.classList.remove("scale-105");

	}
	nav_state = !nav_state;

}