.hidden {
	display: none;
  }
  
  canvas {
	position: absolute;
	top: 0;
	left: 0;
  }
  
  body {
	overflow: hidden;
	background-color: #000000;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	margin: 0;
	color: white;
	flex-direction: column; /* Aggiunto per allineare gli elementi in colonna */
  }
  
  .container {
	width: 80%;
	text-align: center;
	font-family: sans-serif;
	color: white;
	display: flex;
	flex-direction: column; /* Aggiunto per allineare gli elementi in colonna */
	align-items: center;
  }
  
  .take-total {
	font-size: 6vh;
	line-height: 1;
	color: #C8C2BD;
	margin-bottom: 10px; /* Aggiunto margine inferiore */
  }
  
  .take-total2 {
	font-size: 4vh;
	line-height: 1;
	color: #C8C2BD;
	margin-top: 10px; /* Aggiunto margine superiore */
  }
  
  .camera-control {
	font-size: 4vh;
	line-height: 1;
	color: #9D6D54;
	margin-bottom: 10px; /* Aggiunto margine inferiore */
  }
  
  .button-block {
	font-size: 6vh;
  }
  
  ul,
  li {
	list-style-type: none;
	padding: 0; /* Rimosso padding predefinito */
  }
  
  li {
	font-size: 4vh;
	margin: 0.5em 0;
	width: 100%;
  }
  
  #listGifts>li {
	font-size: 4vh;
	color: #F5F5F7;
  }
  
  .lin {
	color: #0076DF;
	text-decoration: none;
  }
  
  #decisionId {
	background-color: #0076DF;
	color: #F5F5F7;
	border-radius: 10px;
	border: 2px solid #0076DF;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	font-size: 26px;
  }