body {
   background-image:url(https://cheepfish.neocities.org/img/collectionbg.jpg) ; 
   background-attachment: fixed;
   background-size: cover;
}

h1 {
   font-family: "crang";
   font-size: 70px;
   margin: 0;
   margin-top: 0.8em;
   margin-bottom: 0.2em;
   text-align: center;
   color: rgb(255, 255, 255);
}

h3 {
   font-family: "pixel";
   color: aliceblue;
}

.main {
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: auto auto 1fr;
   margin: 0 auto;
   width: 1000px;
}

.allchest {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   gap: 50px;
   z-index: 100;
}

.allchest2 {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   gap: 50px;
   z-index: 100;
   grid-row: 3;
}

.chest {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 150px;
   filter: drop-shadow(0 0 1em rgb(54, 49, 34));
}

.chest img {
   width: 100%;
}

.sand {
   display: flex;
   justify-content: center;
   align-items: center;
   grid-column: 1;
   grid-row: 2 / span 2;
}

.sand img {
   width: 1000px;
}

.allchest {
   grid-column: 1;
   grid-row: 2;
}

.allchest2 {
   grid-column: 1;
}