add: cositas del guion

tambien se puede pasar a html con pandoc

notas-jaime/style.css

@@ -0,0 +1,102 @@
+:root {
+  --text-color: #eee;
+  --faint-text-color: #888;
+  --background-color: #121415;
+
+  --blockquote-color: #444;
+
+  --link-color: #d55;
+  --visited-link-color: #a22;
+
+  --code-background-color: #0a0a0a;
+
+  --text-font: system-ui, sans-serif;
+
+  --quoteish-left-width: 4px;
+}
+
+/* General */
+
+html {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+body {
+  font-family: var(--text-font);
+  line-height: 1.6;
+  max-width: 700px;
+  margin: 30px 50px;
+
+  color: var(--text-color);
+  background-color: var(--background-color);
+}
+
+/* Headings */
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  border-bottom: 1px var(--faint-text-color) solid;
+}
+
+/* Block Quotes */
+
+blockquote {
+  border-left: var(--quoteish-left-width) var(--blockquote-color) solid;
+  padding: 0 30px;
+  margin-left: 10px;
+  /* margin-bottom: 20px; */
+}
+
+/* Code */
+
+code {
+  background-color: var(--code-background-color);
+  padding: 5px 10px;
+  border-radius: 8px;
+}
+
+a {
+  color: var(--link-color);
+}
+
+a:visited {
+  color: var(--visited-link-color);
+}
+
+/* Alerts */
+
+.note {
+  --color: #7cf;
+  --icon: '🛈';
+}
+
+.note {
+  border-left: var(--quoteish-left-width) var(--color) solid;
+  padding: 15px 30px;
+  margin-left: 10px;
+  margin-bottom: 20px;
+
+  background-color: #ffffff05;
+}
+
+.note > .title > p {
+  color: var(--color);
+  font-size: 1.25em;
+  font-weight: bold;
+  margin-top: 0;
+}
+
+.note > :last-child {
+  margin-bottom: 0;
+}
+
+.note > .title > p::before {
+  content: var(--icon);
+  margin-right: 0.25em;
+}