index.css

/* Cozy UI utilities classes */
@import url(~cozy-ui/dist/cozy-ui.min.css);
/* Cozy UI React components styles */
@import url(~cozy-ui/react/stylesheet.css);
/* App styles */
/** BLACK **/
/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
/* line 4, src/styles/base/_layout.scss */
html {
  background: #1b1c22; }

/* line 8, src/styles/base/_layout.scss */
body {
  background: #1b1c22;
  overflow: unset !important; }

/* line 13, src/styles/base/_layout.scss */
.column {
  display: flex;
  flex-direction: column; }

/* line 18, src/styles/base/_layout.scss */
.row {
  display: flex;
  flex-direction: row; }

/* line 23, src/styles/base/_layout.scss */
.cozy-bar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

/* line 30, src/styles/base/_layout.scss */
[role='banner'] .coz-bar-container {
  background-color: white; }
  @media only screen and (max-width: 768px) {
    /* line 30, src/styles/base/_layout.scss */
    [role='banner'] .coz-bar-container {
      padding: 0 3.25em 0 0;
      background-color: unset; } }

/* line 38, src/styles/base/_layout.scss */
.coz-bar-wrapper {
  box-shadow: unset !important;
  background: unset !important; }

/* line 43, src/styles/base/_layout.scss */
.header {
  display: flex;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  z-index: 18;
  position: fixed;
  top: 48px;
  left: 0; }
  @media only screen and (max-width: 768px) {
    /* line 43, src/styles/base/_layout.scss */
    .header {
      top: 0; } }
  /* line 56, src/styles/base/_layout.scss */
  .header .header-bar {
    background: linear-gradient(180deg, #000000 0%, rgba(27, 28, 34, 0) 70%);
    height: 8px;
    width: 100%; }
  /* line 61, src/styles/base/_layout.scss */
  .header .header-top {
    background: radial-gradient(74.83% 76.97% at 50% 13.64%, #343641 0%, #1b1c22 100%);
    width: 100%; }
    /* line 68, src/styles/base/_layout.scss */
    .header .header-top .header-text {
      padding: 0 1rem 1rem 1rem;
      color: #e0e0e0; }
  /* line 73, src/styles/base/_layout.scss */
  .header .header-content {
    margin: 0 0 0 220px; }
    /* line 75, src/styles/base/_layout.scss */
    .header .header-content .header-text {
      padding: 2rem 1rem; }
    /* line 78, src/styles/base/_layout.scss */
    .header .header-content .header-text-desktop {
      display: block;
      padding: 2rem 1.25rem;
      color: #e0e0e0; }
    @media only screen and (max-width: 1023px) {
      /* line 73, src/styles/base/_layout.scss */
      .header .header-content {
        margin: 0; } }
    @media only screen and (max-width: 768px) {
      /* line 73, src/styles/base/_layout.scss */
      .header .header-content {
        margin: 60px 0 0 0; }
        /* line 88, src/styles/base/_layout.scss */
        .header .header-content .header-text {
          padding: 0 1rem 1rem 1rem;
          color: #e0e0e0; }
        /* line 92, src/styles/base/_layout.scss */
        .header .header-content .header-text-desktop {
          display: none; } }

/* line 99, src/styles/base/_layout.scss */
.content-view {
  margin-top: 116px; }
  @media only screen and (max-width: 768px) {
    /* line 99, src/styles/base/_layout.scss */
    .content-view {
      margin-top: 0; } }

/* line 106, src/styles/base/_layout.scss */
.content-view-loading {
  height: 80vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #e0e0e0; }
  /* line 114, src/styles/base/_layout.scss */
  .content-view-loading .content-view-loading-text {
    padding-top: 1rem;
    margin: 0 2rem;
    text-align: center; }
  /* line 119, src/styles/base/_layout.scss */
  .content-view-loading .content-view-loading-button {
    max-width: 50vw;
    margin-top: 1rem; }

/* line 125, src/styles/base/_layout.scss */
[role='main'] {
  /* width */
  /* Track */
  /* Handle */ }
  /* line 127, src/styles/base/_layout.scss */
  [role='main']::-webkit-scrollbar {
    width: 10px; }
  /* line 131, src/styles/base/_layout.scss */
  [role='main']::-webkit-scrollbar-track {
    background: #3e4045; }
  /* line 135, src/styles/base/_layout.scss */
  [role='main']::-webkit-scrollbar-thumb {
    background: #6f7074; }

/** BLACK **/
/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
/** BLACK **/
/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
/* line 6, src/styles/base/_typography.scss */
* {
  font-family: Lato, sans-serif; }

/* line 10, src/styles/base/_typography.scss */
h1,
h2,
h3,
h4,
h5,
h6,
p {
  color: #a0a0a0;
  font-family: Lato, sans-serif; }

/* line 21, src/styles/base/_typography.scss */
.home-title {
  font-size: 1rem;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 120%;
  text-transform: uppercase; }

/* line 30, src/styles/base/_typography.scss */