@font-face {
    font-family: "NewGroteskSquareSIX";
    src: url(/assets/fonts/NewGroteskSquareSIX.otf);
}
@font-face {
    font-family: "Outfit-Regular";
    src: url(/assets/fonts/Outfit-Regular.ttf);
}
@font-face {
    font-family: "Outfit-Bold";
    src: url(/assets/fonts/Outfit-Bold.ttf);
}
@font-face {
    font-family: "PlayfairDisplay-BoldItalic";
    src: url(/assets/fonts/PlayfairDisplay-BoldItalic.ttf);
}
@font-face {
    font-family: "PlayfairDisplay-ExtraBoldItalic";
    src: url(/assets/fonts/PlayfairDisplay-ExtraBoldItalic.ttf);
}

.grotesk{
    font-family: "NewGroteskSquareSIX";
}
.outfit-reg{
    font-family: "Outfit-Regular";
}
.outfit-bold{
    font-family: "Outfit-Bold";
}
.playfair-reg{
    font-family: "PlayfairDisplay-BoldItalic";
}
.playfair-extra{
    font-family: "PlayfairDisplay-ExtraBoldItalic";
}