/* About Me */
#aboutMe {
    top: 10px;
    left: 110px;
    width: 1200;
    max-width: calc(100vw - 25px);
    height: 730px;
}

#aboutMe .window-content {
    background-image: url(images/blinkies_gifs_badges_etc/flames_background.jpeg);
    display: flex;
    justify-content: center;   /* horizontal center */
    align-items: flex-start;   /* or center if you want vertical too */
}

.about-canvas {
    position: relative;  
    width: 1200px;        /* or whatever your layout width is */
    font-size: 12px;
    line-height: 12px;
}

.welcome {
    position: relative;
    top: 24px;
    left: 161px;
    width: fit-content;
}

.card {
    position: relative;
    z-index: 1;
    width: 284px;
    padding: 8px;
}

.fast-facts { 
    top: 24px; 
    left: 136px;
    background-color: #0e1be5;
    color: white;
}

.badges {
    width: 300px;
    position: relative;
    z-index: 1;
    line-height: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    top: 62px;
    left: 136px;
}

.badges img {
    height: 50px;
    display: block; 
    width: 100%;
}

.contact {
    top: 70px;
    left: 136px;;
    background-color: #fcf920;
}

.link-website img {
    width:90px;
}

.camera {
    position: relative;
    z-index: 1;
    top: 40px;
    left: 136px;
}

.camera-frame img{
    width: 300px;
}

.things-i-love { 
    background-color: #feffb9;
    top: -755px; 
    left: 446px; 
}

.enemies {
    width: 216px;
    background-color: #fb2d9b;
    color: white;
    top: -680px;
    left: 446px;
}

.intro {
    background-color: #fb2d9b;
    color: white;
    top:-1234px;
    left: 756px;
}

.reviews { 
    background-color:#ffccf1; 
    top: -1200px; 
    left: 756px; 
}

.blinkies {
    width: 150px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap:0;
    top: -1190px;
    left: 756px;
}

.blinkies img {
    height: 20px;
}


/* stickers */

.sticker0 {
    position: absolute;
    z-index: 0;
}

.sticker1 {
    position: absolute;
    z-index: 1; 
}

.sticker2 {
    position: absolute;
    z-index: 2; 
}

.hamster-homepage {
    top: 548px;
    width: 300px;
}

.me {
    width: 160px;
    top: 660px;
    left: 180px;
}

.bow-border {
    top: 342px;
    left: 756px;
    width: 300px;
}

.fire-border {
    top: 710px;
    left: 446px;
    width: 232px;
}

fire-border img {
    width: 216px;
}

.running-dog {
    top:258px;
    left:136px;
    width: 300px;
}

.a-heart {
    top:26px;
    left: 536px; 
}

.palestine {
    top: 610px;
    left: 356px;
    width: 80px;
}

.hamster {
    top: 610px;
    left: 260px;
}

.crayons {
    top: 696px;
    left: 328px;
}

.dont-click {
    top: 736px;
    left: 508px;
}

.malibu {
    top: 640px;
    left: 676px;
    height: 200px;
}

.artist-gif {
    top: 736px;
    left: 600px;
    width: 92px;
}

.mouse-cookie {
    top: 20px;
    left: 446px;
}

.hair-clips {
    top: 54px;
    left: 696px;
}

.smoking-skull {
    top: 180px;
    left: 650px;
}

.clown {
    top: 360px;
    left: 664px;
}

.strawberries-border {
    top: 486px;
    left: 446px;
    width: 300px;
}

.felix-cat {
    top: 506px;
    left: 446px;
    width: 180px;
}

.question-marks {
    top: 490px;
    left: 604px;
    width: 170px;
}

.flying-bird {
    top: 20px;
    left: 640px;
}

.glitter-a1 {
    top: 92px;
    left: 881px;
}

.glitter-n1 {
    top: 90px;
    left: 932px;
}

.glitter-n2 {
    top: 88px;
    left: 986px;
}

.glitter-a2 {
    top: 96px;
    left: 1038px;
}

.malibu-glass {
    top: 1px;
    left:770px;
    width: 120px;
}

.clown2 {
    top: 340px;
    left: 990px;
}

.sad-face {
    top: 460px;
    left: 760px;
}

.eyeball {
    top: 676px;
    left: 962px;
}

.lisafrank-clock {
    top: 572px;
    left: 951px;
}

.email-me {
    top: 554px;
    left: 370px;
}