body {
  background-color: rgb(255, 255, 255);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
}

a {
    text-decoration: none;
    color: white;
}

.box {
  padding: 20px 100px;
  border: 2px solid black;
  border-radius: 5px;
  transition: 0.3s;
  font-size: 10px;
  box-shadow: 2px 2px 7px rgba(0,0,0,0.3);
}

#grass {
  background: 
        linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
        url(/images/background-grass.webp);
}

.box:hover {
  font-size: 15px;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
  
}

.qr img{
  max-width: 200px;
  right: 20px;
  
}