@font-face {
    font-family: "DarkerGrotesque";
    src: url("DarkerGrotesque-Regular.ttf");
}
@font-face {
    font-family: "DarkerGrotesque-Bold";
    src: url("DarkerGrotesque-Bold.ttf");
}
@font-face {
    font-family: "DarkerGrotesque-Black";
    src: url("DarkerGrotesque-Black.ttf");
}
@font-face {
    font-family: "DarkerGrotesque-ExtraBold";
    src: url("DarkerGrotesque-ExtraBold.ttf");
}
@font-face {
    font-family: "DarkerGrotesque-Light";
    src: url("DarkerGrotesque-Light.ttf");
}
@font-face {
    font-family: "DarkerGrotesque-SemiBold";
    src: url("DarkerGrotesque-SemiBold.ttf");
}


.font-d {
    font-family: "DarkerGrotesque";
}
.font-d-bold {
    font-family: "DarkerGrotesque-Bold";
}
.font-d-black {
    font-family: "DarkerGrotesque-Black";
}
.font-d-extrabold {
    font-family: "DarkerGrotesque-ExtraBold";
}
.font-d-light {
    font-family: "DarkerGrotesque-Light";
}

.font-d-semibold {
    font-family: "DarkerGrotesque-SemiBold";
}