@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-VariableFont_slnt\,wght.ttf') format('woff2'),
;
         font-weight: 200 900;
         font-display: swap;
         font-style: normal;
  }



    #textofcontact {
        width: 40vw;
        font-family: 'Inter';
        font-weight:200;
        line-height: 16px; 
        text-transform: uppercase;
        font-size: x-small;
        /* letter-spacing: -0.3px; */

    }
    
    #header_top > div a{
        font-family: 'Inter';
        font-weight:200;
        font-size: small;
        text-transform: uppercase;
        color: black;
        list-style-type: none;
        text-decoration:none; 
    
    }
    #header_bottom > div img {
     
        cursor: pointer;
    }
    #divcopy{
        background: #fff;
        mix-blend-mode: difference;
    }
    
    
    body {
        position: relative;
        top:24vh;
        left:9vw;
        overflow-x: hidden;
    }
    
    .imgpetit{
        width:37vh;
        position: fixed;
        z-index: -2;
        left: 13vw;
    }
    
    #lestextes{
        display: flex;
        gap: 50vh;
        flex-direction: column;
        
    }
    
    #copyrights{
        position: fixed;
        /* font-family: 'Satoshi-Variable';
             font-style: italic;
        line-height: 20px; */
          top: 85%;
          left: 8%;
          color: rgb(0, 0, 0);
          font-size: small;                     line-height: 1.3;
      }
    
    @media screen and (max-width: 460px) {
        #textofcontact {
            width: 78vw;
            font-size: x-small;        }
    
        #laphoto > img {
            width: 54vw !important;
            z-index: -2;
            position: absolute;
            top: 97% !important;
            /* left: 24%; */
            left: 27% !important;
        }

        .imgpetit{
            width:37vh;
            position: fixed;
            z-index: -2;
            left: 30vw;
        }
        
    }