@font-face
    font-weight 400
    font-style normal
    font-family 'AlteHaasGrotesk'
    src url('fonts/app/AlteHaasGroteskRegular.eot'),
    url('fonts/app/AlteHaasGroteskRegular.eot?#iefix') format('embedded-opentype'), 
    url('fonts/app/AlteHaasGroteskRegular.woff2') format('woff2'), 
    url('fonts/app/AlteHaasGroteskRegular.woff') format('woff'), 
    url('fonts/app/AlteHaasGroteskRegular.ttf') format('truetype'), 
    url('fonts/app/AlteHaasGroteskRegular.svg?#AlteHaasGrotesk') format('svg')

@font-face
    font-weight 600
    font-style normal
    font-family 'AlteHaasGrotesk'
    src url('fonts/app/AlteHaasGroteskBold.eot'),
    url('fonts/app/AlteHaasGroteskBold.eot?#iefix') format('embedded-opentype'), 
    url('fonts/app/AlteHaasGroteskBold.woff2') format('woff2'), 
    url('fonts/app/AlteHaasGroteskBold.woff') format('woff'), 
    url('fonts/app/AlteHaasGroteskBold.ttf') format('truetype'), 
    url('fonts/app/AlteHaasGroteskBold.svg?#AlteHaasGrotesk') format('svg')

@font-face
    font-family 'RobotoMono'
    src url('fonts/app/RobotoMono-Thin.eot'),
    url('fonts/app/RobotoMono-Thin.eot?#iefix') format('embedded-opentype'), 
    url('fonts/app/RobotoMono-Thin.woff2') format('woff2'), 
    url('fonts/app/RobotoMono-Thin.woff') format('woff'), 
    url('fonts/app/RobotoMono-Thin.ttf') format('truetype'), 
    url('fonts/app/RobotoMono-Thin.svg?#RobotoMono') format('svg');
    font-weight 200;
    font-style normal;
    
@font-face
    font-family 'RobotoMono'
    src url('fonts/app/RobotoMono-Light.eot'),
    url('fonts/app/RobotoMono-Light.eot?#iefix') format('embedded-opentype'), 
    url('fonts/app/RobotoMono-Light.woff2') format('woff2'), 
    url('fonts/app/RobotoMono-Light.woff') format('woff'), 
    url('fonts/app/RobotoMono-Light.ttf') format('truetype'), 
    url('fonts/app/RobotoMono-Light.svg?#RobotoMono') format('svg');
    font-weight 300;
    font-style normal;

@font-face
    font-family 'RobotoMono'
    src url('fonts/app/RobotoMono-Regular.eot'),
    url('fonts/app/RobotoMono-Regular.eot?#iefix') format('embedded-opentype'), 
    url('fonts/app/RobotoMono-Regular.woff2') format('woff2'), 
    url('fonts/app/RobotoMono-Regular.woff') format('woff'), 
    url('fonts/app/RobotoMono-Regular.ttf') format('truetype'), 
    url('fonts/app/RobotoMono-Regular.svg?#RobotoMono') format('svg');
    font-weight 400;
    font-style normal;
    
@font-face
    font-family 'RobotoMono'
    src url('fonts/app/RobotoMono-Bold.eot'),
    url('fonts/app/RobotoMono-Bold.eot?#iefix') format('embedded-opentype'), 
    url('fonts/app/RobotoMono-Bold.woff2') format('woff2'), 
    url('fonts/app/RobotoMono-Bold.woff') format('woff'), 
    url('fonts/app/RobotoMono-Bold.ttf') format('truetype'), 
    url('fonts/app/RobotoMono-Bold.svg?#RobotoMono') format('svg');
    font-weight 600;
    font-style normal;


$titleType = 'RobotoMono', Helvetica, Arial, sans-serif;
$bodyType = 'AlteHaasGrotesk', Helvetica, Arial, sans-serif;

