1:root {
  2    --jumbotron-padding-y: 3rem;
  3    /* Using Open Color 1.9.1: https://yeun.github.io/open-color/ */
  4    --background0: #212529; /* GRAY 9 */
  5    --background1: #343a40; /* GRAY 8 */
  6    --accent: #1864ab; /* BLUE 9 */
  7    --title: #339af0; /* BLUE 5 */
  8    --text: #f8f9fa; /* GRAY 0 */
  9  }
 10  
 11  .jumbotron {
 12    padding-top: var(--jumbotron-padding-y);
 13    padding-bottom: var(--jumbotron-padding-y);
 14    margin-bottom: 0;
 15    background-color: var(--background1);
 16  }
 17  @media (min-width: 768px) {
 18    .jumbotron {
 19      padding-top: calc(var(--jumbotron-padding-y) * 2);
 20      padding-bottom: calc(var(--jumbotron-padding-y) * 2);
 21    }
 22  }
 23  
 24  .jumbotron p:last-child {
 25    margin-bottom: 0;
 26  }
 27  
 28  .jumbotron-heading {
 29    font-weight: 300;
 30    color: var(--title);
 31  }
 32  
 33  .jumbotron .container {
 34    max-width: 40rem;
 35  }
 36  
 37  footer {
 38    padding-top: 3rem;
 39    padding-bottom: 3rem;
 40  }
 41  
 42  footer p {
 43    margin-bottom: .25rem;
 44  }
 45  
 46  .box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
 47
 48  .entry-disabled {
 49    opacity: 0.25
 50  }
 51  
 52#main_container, .jumbotron {
 53	padding: 20px!important;
 54}
 55
 56.card-controls {
 57  flex-direction: row-reverse;
 58}
 59
 60.card-text {
 61  display: block;
 62  padding-bottom: 10px;
 63}
 64
 65body {
 66  background-color: var(--background0);
 67  color: var(--text);
 68  color-scheme: dark;
 69}
 70
 71.lead {
 72  color: var(--text);
 73}
 74
 75.btn-go {
 76  color: var(--text);
 77  background-color: var(--accent);
 78  border-color: var(--accent);
 79}
 80
 81a {
 82  color: var(--text);
 83  cursor: pointer;
 84}
 85a:hover {
 86  color: var(--text);
 87}
 88
 89.my-card{
 90  background-color: var(--background1);
 91}
 92
 93#opacity_range {
 94  accent-color: var(--accent);
 95}
 96
 97#month_input {
 98  background-color: var(--background0);
 99  color: var(--text);
100  color-scheme: dark;
101}
102
103.text-row {
104  margin-top: 20px;
105}
106
107footer a {
108  text-decoration: underline;
109}
110
111footer a:hover {
112  text-decoration: none;
113}