@font-face {
    font-family: 'Quicksand-Regular';
    src: local('Quicksand-Regular'), url('../../fonts/Quicksand-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand-SemiBold';
    src: local('Quicksand-SemiBold'), url('../../fonts/Quicksand-SemiBold.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand-Bold';
    src: local('Quicksand-Bold'), url('../../fonts/Quicksand-Bold.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand-Light';
    src: local('Quicksand-Light'), url('../../fonts/Quicksand-Light.ttf') format('truetype');
    font-display: swap;
}