@font-face {
    font-family: "Playfair";
    src: url("../fonts/PlayfairDisplay.ttf");
}
/* Secondary font */
@font-face {
    font-family: "PoppinsSemiBold";
    src: url("../fonts/Poppins-SemiBold.ttf");
}
/* Tertiary font */
@font-face {
    font-family: "PoppinsLight";
    src: url("../fonts/Poppins-Light.ttf");
}

/*--------------------------------------------------------------------- skeleton ---------------------------------------------------------------------*/

html {
    font-size: 4vw;
    font-family: "PoppinsLight";
}