body {

background-color: #4d2304 !important ; 
filter:invert(1)hue-rotate(180deg);   
font-family:'PT Mono'  !important ;

}


#title{
	padding: 3em 2em 2em 2em ;
}


html #title { 
  background-image: url("https://app.pushka.com/images/qr/hekate-elden-ring.jpg");
  background-position:center;
  color:white;
}

html #output { 
  font-size: 20px;
}

html html #output { 
  font-size: 18px;
}

body,header,footer,span,div,h1,h2,h3, button, a,
code, pre, textarea, input, u, b, strong
{
	font-family:"PT Mono"  !important ;
}

a img{
	filter: invert(1)hue-rotate(180deg);
}

@media (min-width: 1200px) {
   html .col-lg-offset-3 {
    margin-left: 9%;
  }
}
@media (min-width: 1200px) {
  html  .col-lg-6 {
    width: 80%;
  }
}


html .btn-primary {
  background-image: -webkit-linear-gradient(top,#337ab7 0,#265a88 100%);
  background-image: -o-linear-gradient(top,#337ab7 0,#265a88 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));
  background-image: linear-gradient(to bottom,#e7a60b 0,#bc4104 100%);
 
}


html .btn-primary:focus, html .btn-primary:hover {
  background-color: #d55000; 
}

html button,  html input,  html select, html  textarea { 
  font-size: 20px;
}

html #output {
  height: 200px;
  border: 1px solid #c37e24;
  overflow: scroll;
  background: #f9c3a2;
}

html #page-footer {
  padding: 32px;
  background: #331902;
  color: #ffddb9;
}


html #pageSubtitle a{
	font-size: 28px;
  margin-top: 0.8em;
  display: inline-block;
}

html .btn-group{
	filter: invert(1)saturate(2)hue-rotate(32deg)brightness(2);
}