body {
    margin: 0px;
    background-color: white;
}

.Title {
    color: rgb(0, 0, 0);
    font-family: 'Helvetica Black';
    font-size: 80px;
    display: flex;
    justify-content: center;
    background: linear-gradient(to bottom, black, white);
}


@font-face {
    font-family: "Helvetica Black";
    src: url("../../fonts/helvetica black.woff2") format("woff2"),  /* Format moderne */
         url("../../fonts/helvetica black.woff") format("woff"),    /* Bonne compatibilité */
         url("../../fonts/helvetica black.ttf") format("truetype"), /* Ancien format */
         url("../../fonts/helvetica black.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
} 

@font-face {
    font-family: "MADE Soulmaze";
    src: url("../../fonts/MADE-Soulmaze.woff2") format("woff2"),  
         url("../../fonts/MADE-Soulmaze.woff") format("woff"),    
         url("../../fonts/MADE-Soulmaze.ttf") format("truetype"), 
         url("../../fonts/MADE-Soulmaze.otf") format("opentype"); 
    font-weight: normal;
    font-style: normal;
}

@media screen and (min-width: 2550px) and (max-width : 2700px) {
    .Title {
        font-size: 161px;
    }
}

@media screen and (min-width: 1910px) and (max-width : 2549px) {
    .Title {
        font-size: 120px;
    }
}

@media screen and (min-width: 1526px) and (max-width : 1909px) {
    .Title {
        font-size: 96px;
    }
}

@media screen and (min-width: 1440px) and (max-width : 1525px) {
    .Title {
        font-size: 91px;
    }
}

@media screen and (min-width: 1356px) and (max-width : 1439px) {
    .Title {
        font-size: 85px;
    }
}

@media screen and (min-width: 1014px) and (max-width : 1100px) {
    .Title {
        font-size: 64px;
    }
}

@media screen and (min-width: 758px) and (max-width : 1013px) {
    .Title {
        font-size: 48px;
    }
}