/* AYOOOOOO */

@font-face {
  font-family: 'JetBrains Mono';
  src: url('https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/fonts/webfonts/JetBrainsMono-Regular.woff2') format('woff2'),
    url('https://raw.githubusercontent.com/JetBrains/JetBrainsMono/master/fonts/ttf/JetBrainsMono-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

* {
  -webkit-font-feature-settings: "liga" on, "calt" on;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: 'JetBrains Mono';
}

/* Dracula theme */
:root {
  --background: #282a36;
  --current-line: #44475a;
  --selection: #44475a;
  --foreground: #f8f8f2;
  --comment: #6272a4;
  --cyan: #8be9fd;
  --green: #50fa7b;
  --orange: #ffb86c;
  --pink: #ff79c6;
  --purple: #bd93f9;
  --red: #ff5555;
  --yellow: #f1fa8c;
}

body {
  font: 16px 'JetBrains Mono';
  color: var(--foreground);
  background-color: var(--background);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

h1 {
  color: var(--cyan);
}

h2 {
  color: var(--orange);
}

h3 {
  color: var(--pink);
}

h4 {
  color: var(--foreground);
}

h5 {
  color: var(--foreground);
}

h6 {
  color: var(--foreground);
}

a {
  text-decoration: none;
  color: var(--comment);
}

p {
  text-align: justify;
}

.item-name {
  text-align: left;
}

.large-item-name {
  text-align: left;
}

.item-desc {
  text-align: justify;
  margin-left: 100px;
  max-width: 500px;
}

img {
  max-width: 100%;
}