@font-face {
    font-family: 'TT Autonomous';
    src: local('TT Autonomous'), url('TTAutonomous-Regular.otf') format("opentype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'TT Autonomous';
    src: local('TT Autonomous Bold'), url('TTAutonomous-Bold.otf') format("opentype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'TT Autonomous';
    src: local('TT Autonomous Light'), url('TTAutonomous-Light.otf') format("opentype");
    font-weight: bold;
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'TT Autonomous Mono';
    src: local('TT Autonomous Mono'), url('TTAutonomousMono-Regular.otf') format("opentype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'TT Autonomous';
    src: local('TT Autonomous Light Italic'), url('TTAutonomous-LightItalic.otf') format("opentype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'TT Autonomous';
    src: local('TT Autonomous Bold Italic'), url('TTAutonomous-BoldItalic.otf') format("opentype");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'TT Autonomous';
    src: local('TT Autonomous Medium Italic'), url('TTAutonomous-MediumItalic.otf') format("opentype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'TT Autonomous';
    src: local('TT Autonomous Medium'), url('TTAutonomous-Medium.otf') format("opentype");
    font-weight: 500;
    font-style: normal;
}