/* Built on top of normalize.css by Nicolas Gallagher and Jonathan Neal, MIT licensed */
.github-corner:hover .octo-arm { animation: octocat-wave 560ms ease-in-out; }

@keyframes octocat-wave { 0%,100% { transform: rotate(0); }
  20%,60% { transform: rotate(-25deg); }
  40%,80% { transform: rotate(10deg); } }
@media (max-width: 500px) { .github-corner:hover .octo-arm { animation: none; }
  .github-corner .octo-arm { animation: octocat-wave 560ms ease-in-out; } }
.github-corner-svg { fill: var(--text-color); color: var(--background-color); position: absolute; top: 0; border: 0; right: 0; }

:root { --primary: #bc6610; --secondary: #f2af13; --dark: #151314; --light: #e5eaea; --gray: #232323; --lightGray: #878787; --lighterGray: #e0e0e0; --red: #d0311e; --green: #1c8c27; --background-color: var(--dark); --text-color: var(--light); }

::selection { background-color: var(--lightGray); }

::-moz-focus-inner { border: 0; }

@media (prefers-color-scheme: light) { :root { --background-color: #fff; --text-color: var(--dark); }
  ::selection { background-color: var(--lighterGray); } }
.light-theme { --background-color: #fff; --text-color: var(--dark); }

.dark-theme { --background-color: var(--dark); --text-color: var(--light); }

@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; src: local("IBM Plex Sans"), local("IBMPlexSans"), url("/assets/fonts/IBMPlexSans-Regular-Latin1.woff2") format("woff2"); unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02; }
* { box-sizing: border-box; font-family: "IBM Plex Sans", sans-serif; }

html { line-height: 1.3; -webkit-text-size-adjust: 100%; }

body { margin: 0; background-color: var(--background-color); color: var(--text-color); }

p { line-height: 1.55; }

a { color: var(--primary); background-color: transparent; }

#theme-switcher { font-family: apple color emoji,segoe ui emoji,noto color emoji,android emoji,emojisymbols,emojione mozilla,twemoji mozilla,segoe ui symbol; position: absolute; top: 7px; left: 6px; font-size: 19px; cursor: pointer; user-select: none; }

main { display: block; width: 100%; padding: 11px; margin: auto; }

header { position: relative; }

header > nav { margin-top: 5px; margin-bottom: 15px; }

header > nav > * { margin-left: 5px; margin-right: 5px; }

header > nav a { text-decoration: none; }

button, .button { color: var(--light); background-color: var(--primary); text-transform: uppercase; border: 0; padding: 11px 17px 9px; }

button:active, .button:active { background-color: #9b540d; color: #d1dada; }

header > h1 { margin: 0.67em 0 10px; font-size: 43px; cursor: default; }
header > h1 > a { text-decoration: none; color: var(--text-color); }
header > h1 > .blixt-wallet-header-icon { width: 45px; margin-top: 2px; line-height: 1.5; vertical-align: top; }

/* Weird dirt appears between the badges */
header > a { text-decoration: none; }

.blixt-wallet-screenshot > img { display: block; margin: 12px auto auto; width: 100%; max-width: 440px; height: auto; will-change: transform; }

@media screen and (min-width: 750px) { main { max-width: 1250px; }
  header > h1 { margin: 1.1em 0 10px; font-size: 58px; }
  header > h1 > .blixt-wallet-header-icon { width: 50px; margin-top: 7px; }
  header > nav { display: block; position: absolute; top: 0; right: 0; margin-top: 17px; margin-bottom: 32px; }
  header > nav > * { margin-right: 0; margin-left: 10px; }
  .blixt-wallet-screenshot > img { float: right; margin-left: 42px; margin-bottom: 75px; transition: transform 0.4s; }
  .blixt-wallet-screenshot > img:hover { transform: scale(1.037); } }
@media screen and (min-width: 1921px) { main { width: 59.89%; max-width: 1475px; }
  .blixt-wallet-screenshot > img { margin-left: calc(42px + 2%); } }
li { line-height: 1.5; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace, monospace; font-size: 1em; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: bolder; }

small { font-size: 75%; }

img { border-style: none; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

h1 { font-size: 34px; }

h2 { font-size: 25px; }

.faq > section { margin-bottom: 37px; }