html, body {
  background: 
  url(dirty-metal-texture_1048-4784.avif), rgb(222, 191, 224);
  background-blend-mode: hue;
 overflow: hidden;
  font-family: monospace;
  margin-left: -0px;
  margin-right: -0vw;
  padding-right: -20px;
}





.footnote{
  position: absolute;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  bottom: 1%;
  text-align: center;
  width: 100%;
  justify-items: center;

 font-size: 4vw;
}





.contact{
  font-size: x-large;
  color: inherit; 
text-decoration: inherit;
font-family: Helvetica;
  
}

.menu {
position: absolute;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
top: 1%;
right: 1%;
cursor: help;
}

.art {
  font-size: 2vw;
  font-weight: bold;
  margin-right: 0.5vw;
  background: none;
color: inherit;
border: none;
padding: 0;
text-align: center;
cursor: pointer;
outline: inherit;
font-family: Helvetica;
  letter-spacing: 0.02vw;
}

.about {
font-size: 2vw;
font-weight: normal;
background: none;
color: inherit;
border: none;
padding: 0;
text-align: center;
cursor: pointer;
outline: inherit;
font-family: Helvetica;
  letter-spacing: 0.02vw;
}




.home {
font-size: 2vw;
font-weight: normal;
background: none;
margin-right: 0.8vw;
color: inherit;
border: none;
padding: 0;
text-align: center;
cursor: pointer;
outline: inherit;
font-family: Helvetica;
  letter-spacing: 0.02vw;
}

.gallery{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.image1{
  display: grid;
 
  height: 420px;
  width: 420px;
  overflow: hidden;
}

.image2{
  display: grid;
  height: 420px;
  width: 420px;
  overflow: hidden;
}