/* fonts */
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Regular'), local('Roboto-Regular'),
        url('../fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-Regular.woff') format('woff');
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Medium'), local('Roboto-Medium'),
        url('../fonts/Roboto/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-Medium.woff') format('woff');
    font-display: swap;
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DaysOne';
    src: local('DaysOne Regular'), local('DaysOne-Regular'),
        url('../fonts/DaysOne/DaysOne-Regular.woff2') format('woff2'),
        url('../fonts/DaysOne/DaysOne-Regular.woff') format('woff');
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'TildaSans';
    src: local('TildaSans Regular'), local('TildaSans-Regular'),
        url('../fonts/TildaSans/TildaSans-Regular.woff2') format('woff2'),
        url('../fonts/TildaSans/TildaSans-Regular.woff') format('woff');
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}