How do I change the font type, size, color in code blocks

The default font in code block is a little bigger and not to my liking, I thought I could change the font for the code block using custom css. Can someone help?

This is how I did it:
Create a blank CSS Block and then copy paste:

.quote {
    background-color: #2a3238; /*#474c50;*/
    border: none;
    color: rgba(240, 240, 239, .6); /*text */
    padding: 1px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 12px; /*CHANGE HERE*

You can delete the other stuff but you may also find them useful to edit other things :slight_smile:
(I am not a css expert and this might not be the best solution but worked for me without any problem)

Thanks a lot for help. I have been searching for this for quite a while.