function ClearData() {
    inn.value='';
}

const button = document.querySelector(".about");
const container = document.querySelector(".container");
const close = document.querySelector(".close");
const enter = document.querySelector(".enter");
const intro = document.querySelector(".intro");
const button2 = document.querySelector(".colophon");
const container2 = document.querySelector(".container2");
const close2 = document.querySelector(".close2");

const container3 = document.querySelector(".container3"); 
const close3 = document.querySelector(".close3");
  
button.addEventListener('click', () =>{
container.style.visibility = "visible";
container.style.opacity = 1;

});
  
button2.addEventListener('click', () =>{
container2.style.visibility = "visible";
container2.style.opacity = 1;

});


   

button.addEventListener('click', () =>{
container.style.visibility = "visible";
container.style.opacity = 1;

});
   
close.addEventListener('click', () =>{
container.style.visibility = "hidden";
container.style.opacity = 0;

});
close2.addEventListener('click', () =>{
container2.style.visibility = "hidden";
container2.style.opacity = 0;

});
close3.addEventListener('click', () =>{
container3.style.visibility = "hidden";
container3.style.opacity = 0;
});

enter.addEventListener('click', () =>{
intro.style.visibility = "hidden";
intro.style.opacity = 0;
});