/* =========================================
   Theme: Exu Neon Overload
   Framework: Override for Simple.css
   ========================================= */

:root {
  --bg: #FFFFFF;
  --accent-bg: #FFCDD2;
  --text: #121417;
  --text-light: #BCC2CD;
  --border: #BCC2CD;
  --accent: #FF4F58;
  --accent-hover: #D32F2F;
  --accent-text: #FFFFFF;
  --code: #C75FDE;
  --preformatted: #121417;
  --marked: #FFC107;
  --disabled: #E6E6E6;
  --exu-heading: #FF4F58;
  --exu-selection: #FFCDD2;
  --exu-selection-text: #121417;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --bg: #121417;
    --accent-bg: #22252C;
    --text: #E6E6E6;
    --text-light: #5F6675;
    --border: #5F6675;
    --accent: #73E8F7;
    --accent-hover: #FFD54F;
    --accent-text: #121417;
    --code: #C75FDE;
    --preformatted: #E6E6E6;
    --marked: #FFD54F;
    --disabled: #22252C;
    --exu-heading: #FF4F58;
    --exu-selection: #4A2E32;
    --exu-selection-text: #E6E6E6;
  }
}

/* =========================================
   My own rules
   ========================================= */

/* 1. Titles are red. */
h1, h2, h3, h4, h5, h6 {
  color: var(--exu-heading);
}

/* 2. The selection is cute. */
::selection {
  background: var(--exu-selection);
  color: var(--exu-selection-text);
}

/* 3. Quotes have a border too.*/
blockquote {
  border-left: 3px solid var(--accent);
}

.body-big {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100vh;
    margin: 0;
}

.thing-center-big {
    font-size: 10rem;
    margin: 0;
    line-height: 1;
}