marp.ibm.carbon.css

/* @theme ibm-carbon */

@import "default";

@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");

:root {
  position: relative;
  background: #161616;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 16px;
  color: #ffffff;
}

/***************** typography *****************/

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #ffffff;
}

h1 {
  font-size: 42px;
  line-height: 50px;
  font-weight: 600;
}

h2 {
  font-size: 42px;
  line-height: 50px;
  font-weight: 300;
}

h3 {
  font-size: 28px;
  line-height: 36px;
  font-weight: 400;
}
h4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
}
h5 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

h6 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

p,
li {
  font-size: 28px;
  line-height: 36px;
  font-weight: 300;
}

a {
  color: #0f62fe;
}

/******************** table ********************/

table thead {
  font-weight: 600;
}

table thead tr {
  background: #525252;
}

table tbody tr, table tbody tr:nth-child(2n) {
  background: #393939;
}

table th, table td {
  border-top: 1px solid #525252;
  border-right: 0;
  border-bottom: 1px solid #525252;
  border-left: 0;
  padding: 16px;
}

/******************** logo ********************/

:root::before {
  content: "";
  position: absolute;
  right: 32px;
  bottom: 32px;
  width: 64px;
  height: 64px;
  background: url("https://gist.githubusercontent.com/jpbyrne/6601abb9696735bbb6affa413e056ceb/raw/4293923cddaccb9d90b6826abfc8f6fae5fb6727/ibm_rebus.svg");
}

/******************** code ********************/

pre {
  border: 0;
  background: #262626;
}

code {
  font-family: "IBM Plex Mono", serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.32px;
}

/*
 * Copyright (c) 2017-present Arctic Ice Studio <development@arcticicestudio.com>
 * Copyright (c) 2017-present Sven Greb <development@svengreb.de>
 *
 * Project:    Nord highlight.js
 * Version:    0.1.0
 * Repository: https://github.com/arcticicestudio/nord-highlightjs
 * License:    MIT
 * References:
 *   https://github.com/arcticicestudio/nord
 */

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #2e3440;
}

.hljs,
.hljs-subst {
  color: #d8dee9;
}

.hljs-selector-tag {
  color: #81a1c1;
}

.hljs-selector-id {
  color: #8fbcbb;
  font-weight: bold;
}

.hljs-selector-class {
  color: #8fbcbb;
}

.hljs-selector-attr {
  color: #8fbcbb;
}

.hljs-selector-pseudo {
  color: #88c0d0;
}

.hljs-addition {
  background-color: rgba(163, 190, 140, 0.5);
}

.hljs-deletion {
  background-color: rgba(191, 97, 106, 0.5);
}

.hljs-built_in,
.hljs-type {
  color: #8fbcbb;
}

.hljs-class {
  color: #8fbcbb;
}

.hljs-function {
  color: #88c0d0;
}

.hljs-function > .hljs-title {
  color: #88c0d0;
}

.hljs-keyword,
.hljs-literal,
.hljs-symbol {
  color: #81a1c1;
}

.hljs-number {
  color: #b48ead;
}

.hljs-regexp {
  color: #ebcb8b;
}

.hljs-string {
  color: #a3be8c;
}

.hljs-title {
  color: #8fbcbb;
}

.hljs-params {
  color: #d8dee9;
}

.hljs-bullet {
  color: #81a1c1;
}

.hljs-code {
  color: #8fbcbb;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-formula {
  color: #8fbcbb;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link:hover {
  text-decoration: underline;
}

.hljs-quote {
  color: #4c566a;
}

.hljs-comment {
  color: #4c566a;
}

.hljs-doctag {
  color: #8fbcbb;
}

.hljs-meta,
.hljs-meta-keyword {
  color: #5e81ac;
}

.hljs-meta-string {
  color: #a3be8c;
}

.hljs-attr {
  color: #8fbcbb;
}

.hljs-attribute {
  color: #d8dee9;
}

.hljs-builtin-name {
  color: #81a1c1;
}

.hljs-name {
  color: #81a1c1;
}

.hljs-section {
  color: #88c0d0;
}

.hljs-tag {
  color: #81a1c1;
}

.hljs-variable {
  color: #d8dee9;
}

.hljs-template-variable {
  color: #d8dee9;
}

.hljs-template-tag {
  color: #5e81ac;
}

.abnf .hljs-attribute {
  color: #88c0d0;
}

.abnf .hljs-symbol {
  color: #ebcb8b;
}

.apache .hljs-attribute {
  color: #88c0d0;
}

.apache .hljs-section {
  color: #81a1c1;
}

.arduino .hljs-built_in {
  color: #88c0d0;
}

.aspectj .hljs-meta {
  color: #d08770;
}

.aspectj > .hljs-title {
  color: #88c0d0;
}

.bnf .hljs-attribute {
  color: #8fbcbb;
}

.clojure .hljs-name {
  color: #88c0d0;
}

.clojure .hljs-symbol {
  color: #ebcb8b;
}

.coq .hljs-built_in {
  color: #88c0d0;
}

.cpp .hljs-meta-string {
  color: #8fbcbb;
}

.css .hljs-built_in {
  color: #88c0d0;
}

.css .hljs-keyword {
  color: #d08770;
}

.diff .hljs-meta {
  color: #8fbcbb;
}

.ebnf .hljs-attribute {
  color: #8fbcbb;
}

.glsl .hljs-built_in {
  color: #88c0d0;
}

.groovy .hljs-meta:not(:first-child) {
  color: #d08770;
}

.haxe .hljs-meta {
  color: #d08770;
}

.java .hljs-meta {
  color: #d08770;
}

.ldif .hljs-attribute {
  color: #8fbcbb;
}

.lisp .hljs-name {
  color: #88c0d0;
}

.lua .hljs-built_in {
  color: #88c0d0;
}

.moonscript .hljs-built_in {
  color: #88c0d0;
}

.nginx .hljs-attribute {
  color: #88c0d0;
}

.nginx .hljs-section {
  color: #5e81ac;
}

.pf .hljs-built_in {
  color: #88c0d0;
}

.processing .hljs-built_in {
  color: #88c0d0;
}

.scss .hljs-keyword {
  color: #81a1c1;
}

.stylus .hljs-keyword {
  color: #81a1c1;
}

.swift .hljs-meta {
  color: #d08770;
}

.vim .hljs-built_in {
  color: #88c0d0;
  font-style: italic;
}

.yaml .hljs-meta {
  color: #d08770;
}