:root{











  /* Colors */





  --color-primary: #FFD711;











}











body{





  background-color: #000000;





 





}





.font-impact{


  


font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;  





}








.chiusi{


  margin-top: 20rem;


  color: wheat;


}








.separator {





    margin-top: 50px;





    height: 10px;





    background-color:  var(--color-primary);;





  }





  

















.vanish {





  border-radius: 4px;





  opacity: 0;





  /* Imposta l'opacità iniziale a 0 */





  transition: opacity 3s ease;





  /* Aggiungi una transizione per l'opacità con durata di 5 secondi */





  /* Imposta il rendering del testo per ottimizzare la leggibilità */





  /* Applica una trasformazione 3D minima per incoraggiare il rendering subpixel */











}











@media screen and (max-width: 780px) {











  





.vanish {





  border-radius: 4px;





  opacity: 0;





  /* Imposta l'opacità iniziale a 0 */





  transition: opacity 1.7s ease;





  /* Aggiungi una transizione per l'opacità con durata di 5 secondi */





  /* Rende l'immagine responsive */





  /* Imposta il rendering del testo per ottimizzare la leggibilità */





  /* Applica una trasformazione 3D minima per incoraggiare il rendering subpixel */











}























}





.separator {





  margin-top: 100px;





  height: 10px;





  background-color:  var(--color-primary);;





  opacity: 0;





  /* Imposta l'opacità iniziale a 0 */





  transition: opacity 3s ease;





  /* Aggiungi una transizione per l'opacità con durata di 5 secondi */





}











.vanish.loaded,





.separator.loaded {





  opacity: 1;





  /* Quando la classe 'loaded' viene aggiunta, l'opacità diventa 1 */





  /* Imposta il rendering del testo per ottimizzare la leggibilità */











}























/*COOCKIES*/

















#simple-cookie-consent {





  height: 100vh;





  width: 100vw;





  position: fixed;





  top: 0;





  left: 0;





  resize: vertical;





  overflow: auto;





  z-index: 999999999;





  background: rgba(0, 0, 0, 0.7);





}











.cockies-link{





    color: #dbb700;





}





#simple-cookie-consent .cookie-consent-container {





  position: absolute;





  top: 50%;





  left: 20px;





  right: 20px;





  margin: -100px auto 0;





  background: #fff;





  padding: 20px;





  max-width: 500px;





  border-radius: 20px;











}





#simple-cookie-consent .cookie-consent-selection {





  text-align: right;











}





#simple-cookie-consent button {





  border: none;





  padding: 10px 20px;





  margin: 10px 0 0 10px;





  background: none;





  font-size: 1.1em;





  border-radius: 20px;





}





#simple-cookie-consent button.cookie-consent-allow {





  background-color:  var(--color-primary);;





  color: #000000;





}





#simple-cookie-consent button.cookie-consent-allow:focus,





#simple-cookie-consent button.cookie-consent-allow:hover {





  background-color: #d4b102;





  cursor: pointer;





}





#simple-cookie-consent button.cookie-consent-deny {





  padding: 5px 0;





  font-size: 0.9em;





  opacity: 0.8;





}





#simple-cookie-consent button.cookie-consent-deny:focus,





button.cookie-consent-deny:hover {





  opacity: 1;





  cursor: pointer;





  color: #d4b102;





}





#simple-cookie-consent hr {





  margin: 15px 0;





}