body {
    margin: 0;
    padding: 0;
    text-align: center;

    background-image: url("bg.png");
    background-repeat: repeat;

        color: white;

    cursor: url("cursor.png"), auto;
}


/* CUSTOM CURSORS - ALL PAGES */

body {
    cursor: url("cursor.png"), auto;
}

a,
a:link,
a:visited,
a:hover,
a:active,
button,
button:hover,
button:active,
.gif-card,
.gif-card:hover,
.filter-button,
.filter-button:hover,
.enter-button,
.enter-button:hover {
    cursor: url("cursor-click.gif") 16 16, pointer !important;
}

/* EVERYTHING IN THE MIDDLE */

main-content {
    width: 100%;
    text-align: center;
}


/* WELCOME - TOP OF PAGE */

.welcome {
    display: block;
    width: 500px;
    max-width: 90%;
    height: auto;
    margin: 0 auto;
}


/* STAMP CAROUSEL */

.stamp-carousel {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 700px;
    max-width: 90%;

    margin: 20px auto;
}

.stamp-window {
    display: flex;
    gap: 10px;

    width: 520px;

    overflow: hidden;
}

.stamp {
    flex: 0 0 120px;

    width: 120px;
    height: 120px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
}

.stamp img {
    max-width: 100%;
    max-height: 100%;

    width: auto;
    height: auto;
}

.stamp-arrow {
    font-size: 30px;

    padding: 5px 10px;

    border: none;
    background: none;

    color: white;

    cursor: pointer;
}

.stamp-arrow:hover {
    opacity: 0.7;
}


/* SILLY IMAGE - UNDER IMAGE */

.showcase {
    display: block;
    width: 400px;
    max-width: 80%;
    height: auto;
    margin: 20px auto;
}


/* YOUR TEXT - UNDER IMAGE */

.intro {
    width: 500px;
    max-width: 80%;
    margin: 20px auto;
}


/* ENTER GIF - UNDER TEXT */

.enter-button {
    display: block;
    padding: 0;
    margin: 20px auto;

    border: none;
    background: none;

    cursor: pointer;
}

.enter-button img {
    display: block;
    width: 200px;
    height: auto;
    margin: 0 auto;
}


/* RUSSEL + NOODLE PAGEDOLL */

.pagedoll {
    position: fixed;

    right: 0;
    bottom: 0;

width: 230px;
    height: auto;

    z-index: 9999;
}


.award {
    position: fixed;

    top: 20px;
    left: 20px;

    width: 180px;
    height: auto;

    transform: rotate(-8deg);

    z-index: 9998;
}