@font-face {
    font-family: 'Purista';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: local('Purista'), url('PuristaTRIAL-SemiBold.otf') format('OpenType');
}
@font-face {
    font-family: 'Purista Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Purista Thin'), url('PuristaTRIAL-Thin.otf') format('OpenType');
}
@font-face {
    font-family: 'Purista Light';
    font-style: normal;
    font-weight: normal;
    src: local('Purista Light'), url('PuristaTRIAL-Light.otf') format('OpenType');
}
@font-face {
    font-family: 'Roboto Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Regular'), url('Roboto-Regular.ttf') format('TrueType');
}
@font-face {
    font-family: 'Roboto Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Medium'), url('Roboto-Medium.ttf') format('TrueType');
}
@font-face {
    font-family: 'Roboto SemiBlod';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto SemiBold'), url('Roboto-SemiBold.ttf') format('TrueType');
}
@font-face {
    font-family: 'Roboto Blod';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Bold'), url('Roboto-Bold.ttf') format('TrueType');
}