/* BACKGROUND IMAGE + TEXT */
body {
   background-image: url(https://anotherdoor.neocities.org/images/image_gallery/overlays/paper.jpg);
   background-size: auto;
   font-family: Helvetica, Arial, sans-serif;
   color: #232023;
   font-size: 1.25rem;
   line-height: 1.4;
}

/* TEXT BOX */
.container {
    position: fixed;
    width: 400px;
    bottom: 20px;
    right: 20px;
    background-color: aliceblue;
    font-size: 14px;
    padding: 20px;
    z-index: 99;
}

/* IMAGE GALLERY FORMATTING */
.image-gallery {
    display: flex;
    flex-wrap: wrap;
    place-items: center;
    z-index: 2;
}

.image-gallery div {
    width: 25%;
    position: relative;
    z-index: 2;
}

.image-gallery div img {
    width: 300px;
    left: 50%;
    top: 50%;
    z-index: 2;
}

/* IMAGE CAPTIONS */
.image-gallery div span {
    position: absolute;
    bottom: 15px;
    left: 0px;
    padding: 5px;
    width: 75%;
    background: darkblue;
    color: aliceblue;
    text-align: left;
    font-size: 14px;
    opacity: 0;
    transform: translateY(100px);
    transition: transform 0.4s ease, opacity 0.5s ease;
}

.image-gallery div:hover span {
  opacity: 1;
  transform: none;
}

/* STICKERS + LAYERING ELEMENTS*/

/* LAYER 1 - UNDER */
 .blue_paper_sticker {
    position: absolute;
    height: 400px;
    left: 700px;
    top: 350px;
    z-index: 1;
 }
 .dumdums_sticker {
    position: absolute;
    height: 500px;
    left: 592px;
    top: 2400px;
    z-index: 1;
 }

 .gingham_sticker {
    position: absolute;
    height: 600px;
    left: 20px;
    top: 1500px;
    z-index: 1;
 }

 .paper_sticker {
    position: absolute;
    height: 550px;
    left: 420px;
    top: 940px;
    z-index: 1;
 }

 .receipt_sticker {
    position: absolute;
    height: 490px;
    left: 60px;
    top: 700px;
    z-index: 1;
 }

/* LAYER 3 - ON TOP */
.abba_sticker {
    position: absolute;
    height: 170px;
    left: 600px;
    top: 330px;
    z-index: 3;
}

.alpha_sticker {
    position: absolute;
    height: 150px;
    left: 255px;
    top: 2099px;
    z-index: 3;
 }

 .bananagrams_sticker {
    position: absolute;
    height: 200px;
    transform: rotate(20deg);
    left: 1140px;
    top: 370px;
    z-index: 3;
 }

 .blue_fish_sticker {
    position: absolute;
    height: 190px;
    left: 1100px;
    top: 2640px;
    z-index: 3;
 }

 .brown_fish_sticker {
    position: absolute;
    height: 200px;
    transform: scaleX(-1);
    left: 0px;
    top: 2680px;
    z-index: 1;
 }

 .chrysanthemum_sticker {
    position: absolute;
    height: 180px;
    left: 600px;
    top: 1320px;
    z-index: 3;

 }

.death_sticker {
    position: absolute;
    left: 955px;
    top: 1549px;
    z-index: 3;
 }

 .ferris_sticker {
    position: absolute;
    left: 34px;
    top: 500px;
    z-index: 3;
 }

 .frankie_sticker {
    position: absolute;
    left: 800px;
    top: 3073px;
    z-index: 3;
 }

 .geese_sticker {
    position: absolute;
    padding: 10px;
    width: 190px;
    left: 131px;
    top: 3120px;
    z-index: 3;
 }

 .hearts_sticker {
    position: absolute;
    left: 302px;
    top: 1323px;
    z-index: 3;
 }

 .i_know_what_i_like_sticker {
    position: absolute;
    height: 170px;
    left: 63px;
    top: 1800px;
    z-index: 3;
 }

 .i_think_hes_crying_sticker {
    position: absolute;
    height: 192px;
    left: 1210px;
    top: 1500px;
    z-index: 3;
 }

 .knives_sticker {
    position: absolute;
    height: 140px;
    left: 1000px;
    top: 2300px;
    z-index: 3;
 }

 .lesbian_sticker {
    position: absolute;
    height: 190px;
    left: 200px;
    top: 380px;
    z-index: 3;
 }

 .needoh_sticker {
    position: absolute;
    left: 281px;
    top: 920px;
    z-index: 3;
 }

 .news_sticker {
    position: absolute;
    left: 1280px;
    top: 1900px;
    z-index: 3;
 }

  .nyc_sticker {
    position: absolute;
    left: 901px;
    top: 1444px;
    z-index: 3;
 }

 .oasis_sticker {
    position: absolute;
    left: 1150px;
    top: 2560px;
    z-index: 3;
 }

 .rainbow_fish_sticker {
    position: absolute;
    height: 275px;
    transform: scaleX(-1);
    left: 1070px;
    top: 720px;
    z-index: 3;
 }

 .red_fish_sticker {
    position: absolute;
    height: 89px;
    transform: scaleX(-1);
    left: 70px;
    top: 1333px;
    z-index: 3;
 }

  .spaceneedle_sticker {
    position: absolute;
    left: 933px;
    top: 300px;
    z-index: 3;
 }

 .tony_soprano_sticker {
    position: absolute;
    height: 130px;
    left: 398px;
    top: 2630px;
    z-index: 3;
 }

 .trixie_katya_sticker {
    position: absolute;
    height: 195px;
    left: 750px;
    top: 1720px;
    z-index: 3;
 }

 .troll_sticker {
    position: absolute;
    left: 501px;
    top: 2276px;
    z-index: 3;
 }

 .vote_lady_bird_sticker {
    position: absolute;
    height: 160px;
    left: 640px;
    top: 3050px;
    z-index: 3;
 }

 .water_bottle_sticker {
    position: absolute;
    height: 320px;
    left: 870px;
    top: 2590px;
    z-index: 3;
 }

 .weird_aunt_sticker {
    position: absolute;
    height: 88px;
    left: 45px;
    top: 3070px;
    z-index: 3;
 }

 .yellow_fish_sticker {
    position: absolute;
    height: 89px;
    left: 170px;
    top: 1363px;
    z-index: 3;
 }

 .yourfriend_sticker {
    position: absolute;
    left: 34px;
    top: 2800px;
    z-index: 3;   
 }