/* Centralized site CSS for Prefix documentation */
/* Self-hosted fonts (local workspace) */
@font-face {
  font-family: 'Prefix Open Sans';
  src: url('open-sans/OpenSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Prefix Open Sans';
  src: url('open-sans/OpenSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Prefix Open Sans';
  src: url('open-sans/OpenSans-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Prefix Open Sans';
  src: url('open-sans/OpenSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Prefix Open Sans';
  src: url('open-sans/OpenSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Prefix Source Code Pro';
  src: url('source-code-pro/SourceCodePro-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body{background:#222;color:#99ddff;font-family:'Prefix Open Sans', Open Sans, sans-serif;margin:0;padding:1rem}
.container{max-width:1000px;margin:0 auto;text-align:justify;text-justify:inter-word}
.container h1{position:relative;text-align:center;margin-top:0;min-height:3rem;line-height:3rem;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.container h1 .grey{color:#3b3b3b}
.container h1 .semibold{font-weight:600}
.container.changelog h2{text-align: center}
.title-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:3rem;height:3rem}
pre, code{background:#3c3c3c;color:inherit;font-family:'Prefix Source Code Pro', 'Source Code Pro', monospace;padding:.25rem .5rem}
/* User selection (highlight) colors */
::selection { background: #000000; color: #FFFF00; }
::-moz-selection { background: #000000; color: #FFFF00; }
pre{white-space:pre-wrap;overflow:auto;word-wrap:break-word;margin:0}
pre code{display:block;white-space:pre-wrap}
img{max-width:100%}
.notice{text-align:center;margin-top:2rem}
/* Markdown horizontal rules (---) rendered by marked.js */
.container hr, hr {
  border: none;
  border-top: 2px solid #3c3c3c;
  height: 1px;
  margin: 1.5rem 0;
  background: transparent;
}