/*
  Copyright (c) 2018-present, GM Cruise LLC

  This source code is licensed under the Apache License, Version 2.0,
  found in the LICENSE file in the root directory of this source tree.
  You may not use this file except in compliance with the License.
*/

html,
body {
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  color: #f7f7f3;
  background: #1f1e27;
}

a,
a:hover,
a:visited,
.markdown-body a {
  color: #f7f7f3;
  text-decoration: underline;
}

a:hover {
  opacity: 0.75;
}

.monospace {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

.react-live-error {
  white-space: pre;
  font-size: 12px;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

.prism-code,
.markdown-body pre,
.markdown-body code {
  font-size: 80%;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

.prism-code,
.markdown-body pre {
  background-color: rgba(0, 0, 0, 0.5);
  color: #f7f7f3;
}

.markdown-body pre code {
  background-color: transparent;
  color: #f7f7f3;
}

.markdown-body code {
  background-color: rgba(0, 0, 0, 0.5);
  color: #f7f7f3;
}

.prism-code {
  margin: 0 !important;
}

.react-live pre.prism-code {
  padding: 16px;
}

.Select {
  color: #1f1e27;
}
