:root{
	--background-1: linear-gradient(270deg, rgba(217, 217, 217, 0.00) 0%, rgba(110, 0, 0, 0.5) 100%);
	--menu-button-background :linear-gradient(90deg,#000000,#8a0000,#8a0000,#000000);
}
body{
  -webkit-user-select: none; /* Pentru browserele bazate pe WebKit (Chrome, Safari) */
	-moz-user-select: none; /* Pentru Firefox */
	-ms-user-select: none; /* Pentru Internet Explorer/Edge */
	user-select: none; /* Standard */

  font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	background-color: rgba(255, 255, 255, 0.7 ); /* Culoarea de rezervă cu opacitatea 50% */
  background-blend-mode: overlay;
}
#header{
  backdrop-filter: blur(6px);
  background: var(--background-1);
}
#ul{
  list-style:none;
}
.button-anchor{
  font-size: 2.8vw;
  text-decoration: none;
  font-family: inherit;
  color: #fff;
  background: var(--menu-button-background);
  background-size: 300%;
  border-radius: 30px;
	transition: font-size 1s;
}
.li a{
  text-decoration: none;
	color: rgb(255, 255, 255);
}
#card-home{
	font-size: 2vw;
	border-radius: 3.25vw;
	transition: all .3s;
  box-shadow: 0px 1.04vw 1.3vw 0.32vw rgba(0, 0, 0, 0.5);
	background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(138, 0, 0, 0.5));
  color: #fff;
}
.card{
	font-size: 2vw;
	border-radius: 3.26vw;
	transition: all 0.3s;
  box-shadow: 0px 15px 20px 5px rgba(0, 0, 0, 0.5);
  background: linear-gradient(to right, #000000, #8a0000);
  color: #fff;
}
.img-card{
  border-radius: 3.26vw 3.26vw 0 0;
}
.left-block{
	display: block;
}
#contact-tel{
	color: rgb(52,181,76);
}
#contact-mail{
	color: rgb(91, 91, 255);
}
#cpybtn {
  
  background-color: rgba(59, 124, 86, 0.5);
  background-color: rgba(80, 80, 80, 0.5); /* culoarea fundalului */
  border: none;              /* elimină bordura implicită */
  color: white;              /* culoarea textului */
  padding: 10px 20px;        /* spațiu interior: 10px vertical, 20px orizontal */
  text-align: center;        /* aliniază textul la centru */
  text-decoration: none;    /* elimină orice decor de text */
  display: inline-block;    /* arată ca bloc inline */
  font-size:2vw;           /* dimensiunea fontului */
  margin: 4px 2px;          /* spațiu exterior: 4px vertical, 2px orizontal */
  cursor: pointer;          /* schimbă cursorul la hover */
  border-radius: 4px;       /* colțuri rotunjite */
  transition: background-color 0.5s ease;
  
}
/* Stil pentru când mouse-ul este peste buton */
#cpybtn:hover {
  background-color: rgba(133, 132, 132, 0.5);; /* o culoare puțin mai închisă decât culoarea implicită */
  color: white;              
}
a{
  text-decoration: none;
}