/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 01 2025 | 12:35:30 */
.background-home {
	display: flex;
	justify-content: center;
}

#image-container {
    position: relative;
	width: 85%;
	margin: auto;
	animation: floating 6s ease-in-out infinite;
}

#casa {
	width: 70%;
    display: block;
    margin-left: 10%;
    transition: transform .3s ease-in-out;
    transition: filter .3s ease-in-out;
    will-change: filter;
    z-index: 1;
}

@keyframes floating {
	0% { transform: translateY(0); }
	50% { transform: translateY(-16px); }
	100% { transform: translateY(0); }
}

#cucina {
    width: 34%;
    left: 36%;
    top: 50%;
}

#cameretta {
    width: 16%;
    bottom: 51.5%;
    left: 35.8%;
}

#salotto {
    width: 17.2%;
    bottom: 51.5%;
    left: 52.3%;
}

.interactive-image {
    transition: transform .3s ease-in-out;
    transition: filter .3s ease-in-out;
    will-change: filter, box-shadow;
    position: absolute;
    z-index: 10;
}

.is-grayscale {
    filter: saturate(50%) blur(.8px);
}

#cameretta:hover, #cucina:hover, #salotto:hover {
    animation: bounce 1.5s infinite;
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, .5));
}

@keyframes bounce {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

.is-bouncing {
    animation: bounce 1.5s infinite;
}

/* ---------------------------------------- */
/* HEADER */

a {
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0;
}

a:hover {
	text-decoration: none;	
}

/* --------------------------------- */