div.section.header {
    div.wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    div.header-image {
        &.mobile {
            display: none;
        }
    }

    @media (max-width: 768px) {
        div.header-image {
            &.desktop {
                display: none;
            }

            &.mobile {
                display: block;
                --image-height: 500px;
            }
        }

        div.wrapper > img {
            height: 200px;
            margin-bottom: -40px;
        }
    }
}

div.section.monster-base {
    margin-bottom: 44px;

    div.wrapper {
        position: relative;
        height: 20px;

        div.monsters {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            position: absolute;
            top: -170px;
            width: 100%;
            z-index: 100;

            > div {
                display: flex;
                align-items: baseline;
                gap: 22px;

                &.l {
                    padding-top: 44px;
                }
            }

            img {
                width: 130px;
                height: auto;
                object-fit: contain;
                filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.5));
            }

            @media (max-width: 950px) {
                display: none;
            }
        }
    }
}

div.section.intro {
    margin-top: 150px;
    div.wrapper {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
        gap: 22px;

        div.card {
            max-width: 600px;
            width: 100%;
            box-shadow: var(--big-shadow);;

            h1 {
                text-align: center;
                margin-top: 22px;   
            }

            p {
                margin-top: 22px;
            }
            
            img {
                margin: 0 auto;
                filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.5));
            }

            img.cake {
                margin-top: -150px;

            }

            img.family {
                width: 50%;
                margin-top: 22px;
            }
        }

        div.highlights {
            p.title {
                font-family: 'Bangers', sans-serif;
                font-size: 2rem;
                text-align: center;
            }

            div.items {
                margin-top: 22px;
                display: flex;
                flex-direction: column;
                gap: 22px;

                div.item {
                    display: flex;
                    gap: 11px;
                    align-items: center;

                    img {
                        width: 120px;
                        height: 120px;
                        filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.5));
                    }

                    p {
                        font-family: 'Bubblegum Sans', sans-serif;
                        font-size: 1.3rem;
                    }


                    &:nth-child(even) {
                        flex-direction: row-reverse;
                    }
                }
            }
        }
    }
}

div.section.tickets-start {
    text-align: center;
    margin-bottom: 66px;

    p {
        font-size: 2.5rem;
        font-family: 'Bangers', sans-serif;

        &.subtitle {
            font-size: 1.8rem;
        }
    }
}