*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    
    
    
}

a{color: blue;}

#piva{position: absolute;
right: 20px;
    z-index: 200;
    opacity: 0.7;
    font-size: 13px;
top:20px;}
body{background-color: #e9d9a5;
    font-family: 'Satoshi', sans-serif;
overflow-x: hidden;}

img{width: 100%;
display: block;}

section{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    
}


.bold{font-weight: 700;}
.dati{color: #1d456d;
    margin-top: 50px;
text-align: center;
font-size: 1.4vw;
}

.dati a{opacity: 0.7;transition: 0.5s ease;}
.dati a:hover{opacity: 1;}
#logo{width: 250px;}

footer{position: fixed;
    width: 100%;
bottom:0;
    left: 0;
}
.onda{transform: scale(1.2);
    width: 100%;
position: absolute;}

@keyframes spostaOnda{
    0%{left: 0;}
    50%{left: 50px;}
    100%{left: 0px;}
    
    
}

.onda:nth-child(1){
   
    animation: spostaOnda 2.5s both infinite;
    bottom: 0;
    z-index: 3;
    bottom: -110px;
}

.onda:nth-child(2){
   opacity: 0.6;
    animation: spostaOnda 2.45s both infinite ;
    bottom: -90px;
    z-index: 2;
}

.onda:nth-child(3){
   opacity: 0.3;
   bottom: -70px;
    animation: spostaOnda 2.6s both infinite;
   
    z-index: 1;
}


.dati p img{width: 30px; display: inline-block;margin: 5px; margin-top: 25px;}


@media screen and (max-width: 1024px){
    #logo{width: 250px;}
    
    .dati{font-size: 2vh;}
    
    footer{position: fixed;
    width: 100%;
bottom:17%;
    left: 0;
    transform: scale(1.1);
}
}