@import url("00_main.css");

.mobile-nav {
	display: none;
}

@media (max-width: 768px) {
	.desktop-nav {
		display: none;
	}

	.mobile-nav {
		display: block;
	}
}

.side-panel {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	height: 100%;
	width: 14rem;
	background-color: var(--colore-1);
	color: white;
	z-index: 2000;
	transform: translateX(100%);
	padding: 2rem;
}

.side-panel button {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	width: 100%;
	text-align: left;
}

.side-panel nav a {
	font-size: 2rem;
	display: block;
}

.side-panel.open {
	transform: translateX(0);
	display: block;
}