body { margin: 0; padding: 0; background-color: #181818; } @font-face { font-family: sfpro; src: url("../fonts/sfpro.otf") format("opentype"); } .msg { background-color: #282828; font-family: sfpro; margin: 15px; margin-bottom: 0px; border-radius: 5px; padding: 10px; width: calc(100% - 50px) } .msg span { display: inline-block; padding: 0; margin: 0; color: #ffffff; font-family: sfpro; margin-right: 10px; } .body span { margin-right: 0; } .json span { display: inline; margin: 0; } .value { color: white; } .bool { color: aqua; } .null { color: blue; } .number { color: yellow; } .string { color: #4ae04a } .key .string { color: white; }