@font-face {
    font-family: 'ralewaythin';
    src: url('fonts/raleway-thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ralewayextralight';
    src: url('fonts/raleway.extralight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ralewaylight';
    src: url('fonts/raleway.light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ralewaymedium';
    src: url('fonts/raleway.medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ralewaysemibold';
    src: url('fonts/raleway.semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ralewaybold';
    src: url('fonts/raleway.bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}