@font-face {
    font-family: 'SUIT Variable';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
   
.suit {
 font-family: 'SUIT Variable', sans-serif;
}

.su-thin {
 font-family: 'SUIT', sans-serif;
 font-weight: 100;
}

.su-extra-light {
 font-family: 'SUIT', sans-serif;
 font-weight: 200;
}

.su-light {
 font-family: 'SUIT', sans-serif;
 font-weight: 300;
}

.su-regular {
 font-family: 'SUIT', sans-serif;
 font-weight: 400;
}

.su-medium {
 font-family: 'SUIT', sans-serif;
 font-weight: 500;
}

.su-semi-bold {
 font-family: 'SUIT', sans-serif;
 font-weight: 600;
}

.su-bold {
 font-family: 'SUIT', sans-serif;
 font-weight: 700;
}

.su-extra-bold {
 font-family: 'SUIT', sans-serif;
 font-weight: 800;
}

.su-black {
 font-family: 'SUIT', sans-serif;
 font-weight: 900;
}

.su-heavy{
 font-family: 'SUIT', sans-serif;
 font-weight: 1000;
}