body {
   padding: 0;
   margin: 0;
   color: white;

   font-family: "Imperial Script", cursive;
   font-weight: 400;
   font-style: normal;
}

.messaggeContainer {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   font-size: 14vw;
   text-align: center;
   height: 100%;
}

.messaggeContainer img {
   width: 80dvw;
}

.polaroid {
   background: white; /* Sfondo bianco */
   border: 10px solid white; /* Bordo bianco spesso */
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* Ombra per profondità */
   padding: 5px 5px 75px; /* Spaziatura interna con più spazio in basso */
   display: inline-block; /* Permette di avere più immagini affiancate */
   position: relative; /* Posizionamento per eventuali effetti aggiuntivi */
   overflow: hidden; /* Nasconde le parti in eccesso */
   transition: transform 0.3s; /* Transizione per un effetto di hover */
}

.polaroid:hover {
   transform: translateY(-5px) rotate(3deg) scale(1.15); /* Solleva, ruota e ingrandisce leggermente */
   z-index: 20;
}

.splide {
   width: 100dvw;
   height: 100dvh;

   background: linear-gradient(135deg, #FF8C00, #FF4500);
}
.scrittaPerChally {
   font-size: 24vw;
   text-align: center;
   display: flex;
   height: 100%;
   justify-content: center;
   align-items: center;
}

.splide__slide {
   width: 100%;
   height: 100%;
}

.horizontalSlide {
   display: flex;
   overflow: scroll;
}

.imageContainer {
   width: 100%;
   height: 100%;
}

.polaroid img {
   max-width: calc(100vw - 20px); /* Immagine con padding */
   max-height: calc(80dvh); /* Immagine con padding */
   width: auto;
   height: auto;
   display: block;
   margin: auto; /* Centra l'immagine nel contenitore */
}

/* Bordi più stretti */
.imgMessaggioContainer img {
    /* ombra come polaroid */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    /* è uno screenshot di messaggi whatsapp rendilo bello */
    border: 1px solid #ddd;
    padding: 0;
}

#splideImmagini .splide__slide {
   display: flex;
   justify-content: center;
   align-items: center;
}

#splideImmagini .splide__slide ul li,
#splideImmagini .splide__track {
   height: 100%;
}


#map {
   height: 100%;
}