@font-face {
    font-family: 'Phenomena';
    src: local('Phenomena Thin'), local('Phenomena-Light'),
    url('../fonts/Phenomenathin.woff2') format('woff2'),
    url('../fonts/Phenomenathin.woff') format('woff'),
    url('../fonts/Phenomenathin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Phenomena';
    src: local('Phenomena ExtraLight'), local('Phenomena-ExtraLight'),
    url('../fonts/Phenomenaextralight.woff2') format('woff2'),
    url('../fonts/Phenomenaextralight.woff') format('woff'),
    url('../fonts/Phenomenaextralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Phenomena';
    src: local('Phenomena Light'), local('Phenomena-Light'),
    url('../fonts/Phenomenalight.woff2') format('woff2'),
    url('../fonts/Phenomenalight.woff') format('woff'),
    url('../fonts/Phenomenalight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

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

@font-face {
    font-family: 'Phenomena';
    src: local('Phenomena Bold'), local('Phenomena-Bold'),
    url('../fonts/Phenomenabold.woff2') format('woff2'),
    url('../fonts/Phenomenabold.woff') format('woff'),
    url('../fonts/Phenomenabold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Phenomena';
    src: local('Phenomena ExtraBold'), local('Phenomena-ExtraBold'),
    url('../fonts/Phenomenaextrabold.woff2') format('woff2'),
    url('../fonts/Phenomenaextrabold.woff') format('woff'),
    url('../fonts/Phenomenaextrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Phenomena';
    src: local('Phenomena Black'), local('Phenomena-Black'),
    url('../fonts/Phenomenablack.woff2') format('woff2'),
    url('../fonts/Phenomenablack.woff') format('woff'),
    url('../fonts/Phenomenablack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}