body { 
background-image: url("/images/grid.jpg");
background-repeat: repeat;
background-size:contain;
background-color: #060606;
color: #fff;
display: flex;
margin: 10px 20%; 
flex-direction: column;
font-family: "Garamond", "Georgia", serif;
line-height: 150%;
}

body:background-image {
  filter: brightness(50%);
}

.container { 
background-color: #06060677; 
backdrop-filter: blur(1rem);
padding: 15px;
border: 8px solid white; 
border-radius: 5px;
transition: 3s;
text-align: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-evenly;
align-content:stretch;
gap: 10px;
line-height: 150%;
}

.container:hover {
  backdrop-filter: blur(2rem);
  border-color: #fff;
}