body {
    background-color: #f8f9fa;
}

.banner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100vh;
    background-image: url('/images/TorinoWP.jpg'); /* Sfondo */
    background-size: cover;
    background-position: 50% center; /* Mantiene l'immagine sempre centrata */
}

.logo-container {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.logo {
    width: 180px;
}

/* Posizione dell'immagine sovrapposta in basso a sinistra */
.overlay-image {
    position: absolute;
    bottom: 10px; /* Distanza dal bordo inferiore */
    left: 20px; /* Distanza dal bordo sinistro */
}

.overlay-image img {
    width: 150px; /* Imposta la larghezza dell'immagine sovrapposta */
    height: auto; /* Mantiene le proporzioni dell'immagine */
}

.overlay-image:hover {
    scale:1.1;
}

@font-face {
    font-family: "WHOA Spine Minimum";
    src: url("https://assets.codepen.io/174183/WHOA-Variable-Spine-v0.3.ttf")
    format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "WHOA Top Minimum";
    src: url("https://assets.codepen.io/174183/WHOA-Variable-Top-v0.3.ttf")
    format("truetype");
    font-weight: normal;
    font-style: normal;
}