@font-face {
    font-family: 'Framer Sans 500';
    src: url('FramerSans500.eot');
    src: local('Framer Sans 500'), local('FramerSans500'),
        url('FramerSans500.eot?#iefix') format('embedded-opentype'),
        url('FramerSans500.woff2') format('woff2'),
        url('FramerSans500.woff') format('woff'),
        url('FramerSans500.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Framer Sans 100';
    src: url('FramerSans100.eot');
    src: local('Framer Sans 100'), local('FramerSans100'),
        url('FramerSans100.eot?#iefix') format('embedded-opentype'),
        url('FramerSans100.woff2') format('woff2'),
        url('FramerSans100.woff') format('woff'),
        url('FramerSans100.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Framer Sans 200';
    src: url('FramerSans200.eot');
    src: local('Framer Sans 200'), local('FramerSans200'),
        url('FramerSans200.eot?#iefix') format('embedded-opentype'),
        url('FramerSans200.woff2') format('woff2'),
        url('FramerSans200.woff') format('woff'),
        url('FramerSans200.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Framer Sans 600';
    src: url('FramerSans600.eot');
    src: local('Framer Sans 600'), local('FramerSans600'),
        url('FramerSans600.eot?#iefix') format('embedded-opentype'),
        url('FramerSans600.woff2') format('woff2'),
        url('FramerSans600.woff') format('woff'),
        url('FramerSans600.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Framer Sans 700';
    src: url('FramerSans700.eot');
    src: local('Framer Sans 700'), local('FramerSans700'),
        url('FramerSans700.eot?#iefix') format('embedded-opentype'),
        url('FramerSans700.woff2') format('woff2'),
        url('FramerSans700.woff') format('woff'),
        url('FramerSans700.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Framer Sans 300';
    src: url('FramerSans300.eot');
    src: local('Framer Sans 300'), local('FramerSans300'),
        url('FramerSans300.eot?#iefix') format('embedded-opentype'),
        url('FramerSans300.woff2') format('woff2'),
        url('FramerSans300.woff') format('woff'),
        url('FramerSans300.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Framer Sans 400';
    src: url('FramerSans400.eot');
    src: local('Framer Sans 400'), local('FramerSans400'),
        url('FramerSans400.eot?#iefix') format('embedded-opentype'),
        url('FramerSans400.woff2') format('woff2'),
        url('FramerSans400.woff') format('woff'),
        url('FramerSans400.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

