Syntax highlighting not working

These are my code blocks (regardless of the languages I set). My code from the debugger:

<div class="has-copy-button">
  <pre>
    <code>#!/bin/bash

JEKYLL_ENV=production bundle exec jekyll build
rsync -avr --rsh='ssh' --delete-after --delete-excluded _site/ [email protected]:~/notes/_site
    </code>
    <button class="copy-code-button" type="button">Copy</button>
  </pre>
</div>

Here a screenshot:

My custom css is here (it doesn’t seem to be conflicting).

What should I do?

Thanks a lot!