body {
  
    font-family: 'Roboto', "Helvetica Neue",Helvetica,Arial,sans-serif;

}


#diagonale-header-1, #diagonale-header-2{
   /* background-color : #000000;
    opacity: 0.8;*/
    height: 50px;
    width: 100%;
    position: relative;
    top: 10px;
    z-index: 10;
  /*transform:skew(0deg,-2deg); */
    background-blend-mode:normal;
}

#diagonale-header-1{
    transform:skew(0deg,-1deg);
    height: 40px;
    background-color : #242424;
    top: 0px;
}

#diagonale-header-2{
    transform:skew(0deg,1deg);
    height: 40px;
    background-color : #242424;
    top: 20px;
}



#w0 {
    background-image: url('./img/header_cielo_azzurro.jpg'); 
    background-size: cover; 
    background-repeat: no-repeat; 
    position: relative;
    background-blend-mode: normal;
    border-width: 0;
}

#w1 > li > a {
    /*color: #FFFFFF;
    background-color: #FFFF00;*/
    color: #FFFFFF;
    font-size: 14pt;
    font-weight: bold;   
}

.sezione{
    /*font-family: 'Roboto', sans-serif;*/
}
#primo {
    /*background-color: #A30034;*/
    background-image: url('./img/pulsante_zero_uno_tagliata_sotto_e_sx_2.jpg'); 

    background-size: cover; 
    background-repeat: no-repeat; 
    /*position: relative;*/
    background-blend-mode: normal;
    border-width: 0;
    /*opacity: 0.6;*/
    height:1500px;

}

#secondo {
    background-color: #F3F3F3;
    height:500px;

}

#titolo-nome{
    margin-top:50px;
    font-size: 52pt;
    color: black;

}

#titolo-freelance{
    margin-top:1px;
    font-size: 42pt;
    font-weight: bold;    
    color: #FF4D00;
}

#sottotitolo{
    margin-top:5px;
    font-size: 18pt;
    font-weight: bold;    
    color: black;
}

.presentazione{
    /*margin-left: 50px;*/
}

.separatore {
    color:#FF4D00;
}

#elenco-compentenze-arancio{
    margin-top:950px;
    font-size: 18pt;
    color: #FF4D00;
}
#elenco-compentenze-nero{
    font-size: 18pt;
    color: black;
}