#menu li:hover>ul {
	display: block;
}

#menu li:hover, #menu li ul li:hover, #loginBtn:hover, #regBtn:hover,
	#logoutBtn:hover, #profiloBtn:hover {
	background: rgba(244, 244, 244, 0.2);
	box-shadow: 0 2px 6px rgba(59, 89, 152, 0.4);
}

#quotePanel:hover .quoteCard {
	flex: 1;
	opacity: 0.7;
	filter: blur(0.5px);
}

#quotePanel .quoteCard:hover {
	flex: 2;
	opacity: 1;
	z-index: 10;
	color: #333;
	transform: scale(1.05);
	background: rgba(255, 255, 255, 0.90);
	box-shadow: 0 4px 10px rgba(66, 133, 244, 0.3);
	filter: blur(0);
	font-size: 16px;
	cursor:
		url('data:image/svg+xml;utf8,\
		<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 30 24" fill="none">\
 		<circle cx="10" cy="10" r="6" stroke="%234285F4" stroke-width="2" fill="none"/>\
		<line x1="14" y1="14" x2="20" y2="20" stroke="%234285F4" stroke-width="2"/>\
		<rect x="22" y="6" width="2" height="8" fill="%234285F4"/>\
		<rect x="26" y="6" width="2" height="8" fill="%234285F4"/>\
		</svg>') 12 12, auto;
}

#menu li:hover>a::after {
	transform: rotate(90deg);
}