html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../background.png');
  background-size: cover;
  z-index: -1; /* dietro agli altri elementi */
}

.logoSX {
	width: 415px;
	height: 191px;
	top: 93px;
	left: 89px;
	position: fixed;
}

#back {
	z-index: 2;
	width: 100px;
	height: 100px;
	position: absolute;
	top:0px;
	left: 0px;
}
#video_toggle {
	z-index: 2;
	width: 100px;
	height: 100px;
	position: absolute;
	top:0px;
	right: 0px;	
}

#play_it {
	position: absolute;
	top: 554px;
	left: 554px;
	width: 214px;
	height: 214px;
}
#play_en {
	position: absolute;
	top: 554px;
	left: 981px;
	width: 214px;
	height: 214px;
}

#audio_toggle {
	position: absolute;
	top: 329px;
	left: 1821px;
	width: 42px;
	height: 51px;
}

#videoPlayer_it, #videoPlayer_en {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* l'intero spazio */
  z-index: 1; /* z-index sopra lo sfondo */
  pointer-events: none; /* non accetto nessun click */
}

.hidden {
  display: none !important;
}