menu
{
	display: flex;
	gap: 35px;
	margin-left: auto;
}

menu a
{
	color: var(--text);
	text-decoration: none;
}

.menu-toggle
{
	background: none;
	border: 0;
	font-size: 30px;
	cursor: pointer;
	position: relative;
	z-index: 1001;
}


.menu-toggle .icon-close
{
	display: none;
}

.menu-toggle.active .icon-open
{
	display: none;
}

.menu-toggle.active .icon-close
{
	display: inline;
}

@media (max-width: 768px)
{
	.menu-toggle
	{
		display: block;
		color: black;
		width: 60px;
		order: 3;
	}

	menu
	{
		position: fixed;
		top: 80px;
		left: -100%;
		width: 100%;
		background: white;
		flex-direction: column;
		padding: 30px;
		transition: .3s;
	}

	menu.active
	{
		left: 0;
		background-color: rgba(255,255,255,0.8);
		height: 100vh;
	}

	.logo img
	{
		height: 50px;
	}
}