@media (prefers-color-scheme: light) {
  :root {
    --bg: #212121;
    --accent-bg: #2b2b2b;
    --text: #dcdcdc;
    --text-light: #ababab;
    --accent: #ffb300;
    --code: #f06292;
    --preformatted: #ccc;
    --disabled: #111;
    --border: #898EA4;
  }
}

html {
    background-image: url('pirate-2000.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    background-position: 70% 30%;
}

body {
    background-color: initial;
}

h1, h2, h3, a {
    text-shadow: 1px 1px 2px #00183c;
}

p {
    font-family: "Pirata One";
    color: #FFFFF0;
}