/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

 body {
     color: #fff;
     background-color: rgb(32, 32, 32);
     background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(to bottom, rgb(8, 8, 8), rgb(32, 32, 32));
     background-size: 10px 10px, 10px 10px, 10px 5px;
     background-position: 0px 0px, 5px 5px, 0px 0px;
 }
 .card-title,
 .card-body {
     color: #fff;
 }
 h1, h2, h3, h4, h5, h6 {
    text-align: center;
 }

 h1 {
    font-size: 30px;
 }

 .card.gabe {
    max-width: 600px;
    margin: 0 auto;

    background: #333;

    padding: 10px 16px;
 }

 @media (max-width: 767px) {
    .card.gabe {
        max-width: 100%;
        margin-left: 16px;
        margin-right: 16px;
        padding: 10px;
    }
 }