body{
    margin: 0%;
    padding: 0%;
    box-sizing: content-box;
    overflow: hidden;
    background-image: url(../img/sfondo-index.jpg);
    font-family: "DM Sans", sans-serif;
    font-weight: 100;
    font-style: normal;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#logo-portfolio {
    display: block;
    margin: 10% auto;
    transition-duration: .8s;
    transition-property: all;
    filter: invert(100%);
}
@media only screen and (max-width: 1000px){
    #logo-portfolio {
        width: 70%;
    }   
}
.contatti {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.contatti a {
    font-size: 50px;
    margin: 3% 0%;
    color: antiquewhite;
    text-decoration: none;
    transition-duration: .8s;
    transition-property: all;
}
@media only screen and (max-width: 1000px){
    .contatti a {
        font-size: 40px;
        margin: 3% 0%;
        color: antiquewhite;
        text-decoration: none;
        transition-duration: .8s;
        transition-property: all;
    }
  }
span img {
    height: 50px;
    width: auto;
    margin-top: 5px;
}
.contatti a:hover {
    padding-left: 3%;
    border-left: .5px solid #2e2b29;
}