body {
    background-image: url(https://64.media.tumblr.com/97920436f8dcc8a7131292a2b35b0694/tumblr_inline_mlmk2yVKWe1rfdbtm.gif);
}

header {
    margin-top: 5px;
    margin-bottom: 15px;
    display: flex;
}

main {
    display:flex;
}

.middle {
    padding-top: 50px;
    margin: auto;
    display: flex;
    justify-content: center;
    width: 60%;
}



.bubblecontent {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 200px;
    width: 300px;
    overflow-y: scroll;
    
}

.bub {
    justify-content: center;
    font-family: "Pixelify Sans", sans-serif;
    color: #f4bce0;
}

.warning {
    margin-left: auto;
    margin-right: auto;
    border: none;
    height: 100%;
}

.whitelaceborder {
    border: 7px solid;
    border-image: url("../stuff/borderlace.png") 900 fill round;
    }
    
    .bubbleborder {
    border: 13px solid;
    border-image: url("../characterselectv2/borderbubble.png") 900 fill round;
    }

    .stamps {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    hr {
        border: 1px solid #fb80b4;
    }

    .border {
        border: 2px solid #fb80b4;
    }

    .footer {
        padding-top: 50px;
        text-align: center;
        font-family: 'Pixelify Sans' , 'Courier New' , 'Courier', 'Monospace'; 
        color: #fb80b4;
        font-size: 12px;
    }

    li {
        font-family: 'Pixelify Sans', 'Courier New', 'Courier', 'Monospace';
        color: #f4bce0;
        font-size: 16px;
    }

/*the pink scrollbar on each page*/
/* width */
::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #d0fad1;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #91f792;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #6aea6c;
  }





.image1 {
    position: absolute;
    top: 20px;
    left: 50px;
}
.image2 {
    position: absolute;
    top: 300px;
    left: 100px;
}
.image3 {
    position: absolute;
    top: 200px;
    left: 200px;
}
.image4 {
    position: absolute;
    top: 250px;
    right: 60px;
}
.image5 {
    position: absolute;
    top: 20px;
    right: 160px;
}
.image6 {
    position: absolute;
    top: 250px;
    right: 190px;
}

header {
    display: flex;
    justify-content: center;
    flex-direction: column;
}


.img1 {
    max-height: 300px;
    width: auto;
    image-rendering: pixelated;
}
.img2 {
    max-height: 200px;
    width: auto;
    image-rendering: pixelated;
}
.img3 {
    max-height: 200px;
    width: auto;
    image-rendering: pixelated;
}
.img4 {
    max-height: 200px;
    width: auto;
    image-rendering: pixelated;
}
.img5 {
    max-height: 300px;
    width: auto;
    image-rendering: pixelated;
}
.img6 {
    max-height: 300px;
    width: auto;
    image-rendering: pixelated;
}

@media (max-width: 1000px) {
    main {
        flex-direction: column;
    }
    .stickers {
        display: none;
    }
  }

  
h1, h2 {
    text-align: center;
    color: #fb80b4;
    font-family: 'Jacquard 12', system-ui;
}

h1 {
    font-size: 35px;
}

h2 {
    margin-bottom: 0%;
    font-size: 25px;
}

a {
    color: #fb80b4;
}

a:hover {
    color: #f06dbe;
}

a:active {
    color: rgb(213, 86, 211);
}