@import url("preferred.css?v=1.4");
nav { /* show arrow */
   width: 24px;
   height: 30px;
   overflow: hidden;
   display: inline-block;
}
.line {
	color: #6a0dad;
}
 .line:before, .line:after {
	background: #6a0dad;
}
input[value="show"]:checked ~ nav, nav:hover {
   width: auto;
   height: auto;
   overflow: visible;
}
nav .btn {
   background-color: #2a0845;
   background-image: none;
   text-shadow: none;
   padding-top: 3px;
   color: lightgrey;
   width: 100%;
}
nav .btn:hover {
   background-color: #8a2be2;
}
nav > ul > li > .btn:before {
   height:32px;
   width: 22px;
   float:left;
   content: '+';
   transition: all 0.5s ease-in-out;
}
nav > ul > li > .btn:hover:before {
   content: '-';
}
a,h1,h2,h3,h4,b,strong {
   color: #6a0dad;
   margin-top: 0;
}
a {
   text-decoration: none;
}
a.link {
    text-decoration:underline;
    border-bottom: 1px solid;
}
body {
	background: #4a0e6f;
	background: -moz-radial-gradient(center, ellipse cover, #4a0e6f 0%, #1a052e 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#4a0e6f), color-stop(100%,#1a052e));
	background: -webkit-radial-gradient(center, ellipse cover, #4a0e6f 0%,#1a052e 100%);
	background: -o-radial-gradient(center, ellipse cover, #4a0e6f 0%,#1a052e 100%);
	background: -ms-radial-gradient(center, ellipse cover, #4a0e6f 0%,#1a052e 100%);
	background: radial-gradient(center, ellipse cover, #4a0e6f 0%,#1a052e 100%);
}
.logo150 {
	filter: hue-rotate(150deg);
}
.right {
	filter: hue-rotate(-25deg);
}

@media (prefers-color-scheme: dark) {
   body {
      background: #2a0845;
      background: -moz-radial-gradient(center, ellipse cover, #2a0845 0%, #0a0217 100%);
      background: radial-gradient(center, ellipse cover, #2a0845 0%, #0a0217 100%);
   }
   a,h1,h2,h3,h4,b,strong {
      color: #d8a;
   }
   .line {
      color: #d8a;
   }
   .line:before, .line:after {
      background: #d8a;
   }
   .content {
      background-color: #1a052e;
   }
   p.search {
      background: rgba(255,255,255,0.1);
      color: #d8a;
   }
   p.search a {
      color: #d8a;
   }
   code, pre {
      background-color: rgba(255,255,255,0.15);
      color: #d8a;
   }
}

@media (prefers-color-scheme: light) {
   body {
      background: #e8c;
      background: -moz-radial-gradient(center, ellipse cover, #e8c 0%, #c8a 100%);
      background: radial-gradient(center, ellipse cover, #e8c 0%, #c8a 100%);
   }
   a,h1,h2,h3,h4,b,strong {
      color: #4a0dad;
   }
   .line {
      color: #4a0dad;
   }
   .line:before, .line:after {
      background: #4a0dad;
   }
   .content {
      background-color: #fff;
   }
   p.search {
      background: rgba(0,0,0,0.05);
      color: #4a0dad;
   }
   p.search a {
      color: #4a0dad;
   }
   code, pre {
      background-color: rgba(0,0,0,0.05);
      color: #4a0dad;
   }
}