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

@font-face {
    font-family: 'OpenSans';
    src: local('OpenSans'), local('OpenSans'),
    url(/fonts/OpenSans/OpenSans-LightLight.ttf) format('woff');
    font-weight: 300;
    font-style: italic;
}

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

@font-face {
    font-family: 'OpenSans';
    src: local('OpenSans'), local('OpenSans'),
    url(/fonts/OpenSans/OpenSans-Italic.ttf) format('woff');
    font-weight: 400;
    font-style: italic;
}

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

@font-face {
    font-family: 'OpenSans';
    src: local('OpenSans'), local('OpenSans'),
    url(/fonts/OpenSans/OpenSans-MediumItalic.ttf) format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSans';
    src: local('OpenSans'), local('OpenSans'),
    url(/fonts/OpenSans/OpenSans-SemiBold.ttf) format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: local('OpenSans'), local('OpenSans'),
    url(/fonts/OpenSans/OpenSans-SemiBoldItalic.ttf) format('woff');
    font-weight: 600;
    font-style: italic;
}

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

@font-face {
    font-family: 'OpenSans';
    src: local('OpenSans'), local('OpenSans'),
    url(/fonts/OpenSans/OpenSans-BoldItalic.ttf) format('woff');
    font-weight: 700;
    font-style: italic;
}

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

@font-face {
    font-family: 'OpenSans';
    src: local('OpenSans'), local('OpenSans'),
    url(/fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf) format('woff');
    font-weight: 800;
    font-style: italic;
}

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

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

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

@font-face {
    font-family: 'FiraCode';
    src: local('FiraCode'), local('FiraCode'),
    url(/fonts/FiraCode/FiraCode-SemiBold.ttf) format('woff');
    font-weight: 600;
    font-style: normal;
}

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

@font-face {
    font-family: 'FiraCodeRetina';
    src: local('FiraCodeRetina'), local('FiraCodeRetina'),
    url(/fonts/FiraCode/FiraCode-Retina.ttf) format('woff');
    font-weight: 400;
    font-style: normal;
}