/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *

 *= require_tree .
 *= require_self

*/

.google-blue{
  background: #4285f4;
}


.rails-demo-inline {

}

.special-bright{
    -webkit-filter: brightness(10000%);
    filter: brightness(10000%);
}
.brisk-rails-demo {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.log_line {


}

.standard-console-ansi-theme {

    .ansi-black-fg {
      color: #000000;
    }

    .ansi-red-fg {
      color: rgb(187, 0, 0);
    }

    .ansi-green-fg {
      color: rgb(0,187,0 );
    }

    .ansi-yellow-fg {
      color: rgb(187,187,0);
    }

    .ansi-blue-fg {
      color:    rgb(0,0,187);
    }

    .ansi-magenta-fg {
      color: rgb(187,0,187);
    }

    .ansi-cyan-fg {
      color: rgb(0,187,187);
    }

    .ansi-white-fg {
      color:    rgb(255,255,255);
    }

    .ansi-bright-black-fg {
      color:rgb(85,85,85)
    }

    .ansi-bright-red-fg {
      color: rgb(255,85,85);
    }

    .ansi-bright-green-fg {
      color: rgb(0,255,0);
    }

    .ansi-bright-yellow-fg {
      color: rgb(255,255,85);
    }

    .ansi-bright-blue-fg {
      color: rgb(85,85,255);
    }

    .ansi-bright-magenta-fg {
      color: rgb(255,85,255);
    }

    .ansi-bright-cyan-fg {
      color: rgb(85,255,255);
    }

    .ansi-bright-white-fg {
      color: rgb(255,255,255);
    }

    .ansi-black-bg {
      background-color: #000000;
    }

    .ansi-red-bg {
      background-color: rgb(187, 0, 0)
    }

    .ansi-green-bg {
      background-color: rgb(0,187,0 );
    }

    .ansi-yellow-bg {
      background-color: rgb(187,187,0);
    }

    .ansi-blue-bg {
      background-color:    rgb(0,0,187);
    }
    .ansi-magenta-bg {
      background-color: rgb(187,0,187);
    }
    .ansi-cyan-bg {
      background-color: rgb(0,187,187);
    }

    .ansi-white-bg {
      background-color:    rgb(255,255,255);
    }

    .ansi-bright-black-bg {
      background-color:rgb(85,85,85)
    }

    .ansi-bright-red-bg {
      background-color: rgb(255,85,85);
    }

    .ansi-bright-green-bg {
      background-color: rgb(0,255,0);
    }

    .ansi-bright-yellow-bg {
      background-color: rgb(255,255,85);
    }

    .ansi-bright-blue-bg {
      background-color: rgb(85,85,255);
    }

    .ansi-bright-magenta-bg {
      background-color:     rgb(255,85,255);
    }

    .ansi-bright-cyan-bg {
      background-color: rgb(85,255,255);
    }

    .ansi-bright-white-bg {
      background-color: rgb(255,255,255);
    }
  }


.tomorrow-night-eighties-ansi-theme {

    .ansi-black-fg {
      color: #3A3A3A;
    }

    .ansi-red-fg {
      color: #DD948E;
    }

    .ansi-green-fg {
      color: #B6D1AA;
    }

    .ansi-yellow-fg {
      color: #F3D57C;
    }

    .ansi-blue-fg {
      color: #8AA9D5;
    }

    .ansi-magenta-fg {
      color: #CBAFD5;
    }

    .ansi-cyan-fg {
      color: #9AD1D4;
    }

    .ansi-white-fg {
      color: #EFEFEF;
    }

    .ansi-bright-black-fg {
      color: #5E5D5E;
    }

    .ansi-bright-red-fg {
      color: #E69B94;
    }

    .ansi-bright-green-fg {
      color: #D1F0C3;
    }

    .ansi-bright-yellow-fg {
      color: #F4D799;
    }

    .ansi-bright-blue-fg {
      color: #A6CBFE;
    }

    .ansi-bright-magenta-fg {
      color: #E7C7F2;
    }

    .ansi-bright-cyan-fg {
      color: #B0F0F5;
    }

    .ansi-bright-white-fg {
      color: #FFF;
    }

    .ansi-black-bg {
      background-color: #3A3A3A;
    }

    .ansi-red-bg {
      background-color: #DD948E;
    }

    .ansi-green-bg {
      background-color: #B6D1AA;
    }

    .ansi-yellow-bg {
      background-color: #F3D57C;
    }

    .ansi-blue-bg {
      background-color: #8AA9D5;
    }

    .ansi-magenta-bg {
      background-color: #CBAFD5;
    }

    .ansi-cyan-bg {
      background-color: #9AD1D4;
    }

    .ansi-white-bg {
      background-color: #EFEFEF;
    }

    .ansi-bright-black-bg {
      background-color: #5E5D5E;
    }

    .ansi-bright-red-bg {
      background-color: #E69B94;
    }

    .ansi-bright-green-bg {
      background-color: #D1F0C3;
    }

    .ansi-bright-yellow-bg {
      background-color: #F4D799;
    }

    .ansi-bright-blue-bg {
      background-color: #A6CBFE;
    }

    .ansi-bright-magenta-bg {
      background-color: #E7C7F2;
    }

    .ansi-bright-cyan-bg {
      background-color: #B0F0F5;
    }

    .ansi-bright-white-bg {
      background-color: #FFF;
    }
  }

  .ci-names-scroll::before {
    content: "CircleCI";
    animation: animate infinite 30s;

}

@keyframes animate {

    0% {
      content: "CircleCI";
    }

    20% {
        content: "Github Actions";
    }

    40% {
        content: "Gitlab CI/CD";
    }

    60% {
        content: "Heroku CI";
    }

    80% {
        content: "Bitbucket Pipelines";
    }
}
