1  body {
  2      font-size: .875rem;
  3      background-color: #191c1f;
  4      color: #fafafa;
  5  }
  6  
  7  a, a:hover, a:focus, a:active {
  8      text-decoration: none;
  9      color: inherit;
 10      outline: none;
 11      box-shadow: none;
 12  }
 13  
 14  .error-message {
 15      color: red;
 16      font-weight: bold;
 17  }
 18  
 19  /*.card {
 20      transition: transform 0.2s ease-in-out, filter 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
 21      cursor: pointer;
 22  }
 23  
 24  .card:hover {
 25      filter: brightness(1.2); // Makes the card 20% brighter
 26      transform: translateY(-4px); // Slightly lifts the card up
 27      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4); // Deepens the shadow for a 3D effect
 28  }*/
 29  
 30  .feather {
 31    width: 16px;
 32    height: 16px;
 33  }
 34  
 35  .repo-item {
 36      color: yellow;
 37  }
 38  
 39  .list-group-item {
 40      background-color: #191c1f;
 41      color: #fafafa;
 42  }
 43  
 44  /*
 45   * Sidebar
 46   */
 47  
 48  .sidebar {
 49    position: fixed;
 50    top: 0;
 51    /* rtl:raw:
 52    right: 0;
 53    */
 54    bottom: 0;
 55    /* rtl:remove */
 56    left: 0;
 57    z-index: 100; /* Behind the navbar */
 58    padding: 48px 0 0; /* Height of navbar */
 59    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
 60    color: #fafafa;
 61  }
 62  
 63  @media (max-width: 767.98px) {
 64    .sidebar {
 65      top: 5rem;
 66    }
 67  }
 68  
 69  .sidebar-sticky {
 70    height: calc(100vh - 48px);
 71    overflow-x: hidden;
 72    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
 73  }
 74  
 75  .sidebar .nav-link {
 76    font-weight: 500;
 77    color: #fafafa;
 78  }
 79  
 80  .sidebar .nav-link .feather {
 81    margin-right: 4px;
 82    color: #727272;
 83  }
 84  
 85  .sidebar .nav-link.active {
 86    color: #2470dc;
 87  }
 88  
 89  .sidebar .nav-link:hover {
 90      color: #2470dc;
 91  }
 92  
 93  .sidebar .nav-link:hover .feather,
 94  .sidebar .nav-link.active .feather {
 95    color: inherit;
 96  }
 97  
 98  .sidebar-heading {
 99      font-size: .75rem;
100  }
101  
102  /*
103   * Navbar
104   */
105  
106  .navbar-brand {
107    padding-top: .75rem;
108    padding-bottom: .75rem;
109    background-color: rgba(0, 0, 0, .25);
110    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
111    color: #6366f1;
112    font-weight: bold;
113  }
114  
115  .navbar-brand:hover {
116      color: #2470dc;
117  }
118  
119  .navbar .navbar-toggler {
120    top: .25rem;
121    right: 1rem;
122  }
123  
124  .navbar .form-control {
125    padding: .75rem 1rem;
126  }
127  
128  .form-control-dark {
129    color: #fff;
130    background-color: rgba(255, 255, 255, .1);
131    border-color: rgba(255, 255, 255, .1);
132  }
133  
134  .form-control-dark:focus {
135    border-color: transparent;
136    box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
137  }
138  
139  .icon-off {
140      color: red;
141  }
142  
143  .icon-on {
144      color: #7cfc00;
145  }
146  
147  /* fontello */
148  
149  @font-face {
150      font-family: 'fontello';
151      src: url('/assets/fontello/fontello.woff2') format('woff2'),
152  	 url('/assets/fontello/fontello.woff') format('woff');
153      font-weight: normal;
154      font-style: normal;
155  }
156  
157  .ft-onion {
158      display: inline-block;
159      font-style: normal;
160      font-variant: normal;
161      text-rendering: auto;
162      -webkit-font-smoothing: antialiased;
163  }
164  
165  .ft-onion:before {
166      font-family: 'fontello';
167      content: '\e800';  /* check the code in fontello's config/demo */
168  }