My theme for Marp

cherry-petals.css

/* @theme cherry-petals */

@import 'default';

:root {
  background: linear-gradient(#0a0d0a, #1a1d1a);
  color: #eee;
  font-family: serif;
  text-align: center;
}

:root:before {
  content: "(";
  color: #ebe18a;
  font-size: 15rem;
  position: fixed;
  bottom: 28rem;
  transform: rotate(45deg);
}

h1 {
  color: #efefef;
  text-align: center;
  font-size: 2rem;
}

h2 {
  color: #eaeaea;
  text-align: center;
  font-size: 1.5rem;
}

footer {
  color: #aaa;
  position: absolute;
  left: 2rem;
}

pre {
  background: none;
  font-size: 1.2rem;
}

ul {
  margin: 0 auto;
  display: flex;
  flex-flow: column;
  align-content: center;
}

ol {
  margin: 0 auto;
  display: flex;
  flex-flow: column;
  align-content: center;
}

li {
  font-size: 1.2rem;
  text-align: left;
}

blockquote {
  color: #ccc;
}

code {
  background-color: #0a0d0a;
  color: #eee;
  text-align: left;
}

code .hljs-string {
  color: #b5e869;
}

code .hljs-keyword {
  color: #3db4aa;
}

code .hljs-meta {
  color: #c39353;
}

code .hljs-title {
  color: #eee;
}

code .hljs-built_in {
  color: #6c8cff;
}

code .hljs-number {
  color: #2bb5be;
}