@charset "utf-8";
/* CSS Document */



.sidebar {
  background: rgba(0, 0, 0, 0.5); /* Nero con 50% di trasparenza */
  backdrop-filter: blur(0px); /* Effetto sfocato */
}






@media (max-width: 768px) {
    .container {
        display: flex;
        flex-direction: column; /* Imposta le colonne in verticale */
    }

    .sidebar:first-child {
        order: 2; /* Sposta la sidebar di sinistra in fondo */
    }

    .content {
        order: 1; /* Mantiene il contenuto principale sopra */
    }

    .sidebar:last-child {
        order: 3; /* La sidebar di destra rimane sotto il contenuto */
		
    }
}
img {
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
}
img:hover {
	transform: scale(1.1);
	box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.5);
	color: #000000;
}

img {
  border-radius: 5%;
}



.sidebar {
  background: transparent;
}