h1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: var(--site-bg);
    font-size: xxx-large;
    width: 100%;
}

#home-sfondo img{
    background-image: url(img/esterno.png);
    width: 100vw;
    height: calc(100lvh - var(--header-height));
    filter: brightness(0.5);
    object-fit: cover;
}

/* SCROLL DOWN: https://codepen.io/2xsamurai/pen/WwmjKQ */
#home-sfondo p{
    z-index: 999;
    position: absolute;
    top: calc(100vh - 120px);
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--site-bg);
}

.scroll-downs {
    z-index: 999;
    position: absolute;
    top: calc(100vh - 100px);
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 34px;
    height: 55px;
}

.mousey{
    width: 3px;
    padding: 10px 15px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 25px;
    opacity: 0.75;
    box-sizing: content-box;
}

.scroller{
    width: 3px;
    height: 10px;
    border-radius: 25%;
    background-color: #fff;
    animation-name: scroll;
    animation-duration: 2.2s;
    animation-timing-function: cubic-bezier(.15,.41,.69,.94);
    animation-iteration-count: infinite;
}

@keyframes scroll{
    0% { opacity: 0; }
    10% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(15px); opacity: 0;}
}