/* This style was stolen from akat1.pl, (many thanks to Mateusz Kocielski ♥)
 * a cool blog under the https://en.wikipedia.org/wiki/ISC_license license. */

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
	font-display: swap;
  src: local('Raleway'), local('Raleway-Regular'), url(../fonts/raleway-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
	font-display: swap;
  src: local('Raleway'), local('Raleway-Regular'), url(../fonts/raleway.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.title {
  font-size: 20pt;
  line-height: 100%;
}

h2.subtitle {
  font-size: 100%;
  color: #1d1f21;
  margin-bottom: 1.5%;
  cursor: pointer;
}

.date {
  font-size: 9pt;
}

a, a:link, a:visited {
  color:rgb(40, 90, 160);
  text-decoration:none;
}

a:hover { color:rgb(140, 180, 230); }

.header {
  font-family: "Courier New", Monospace;
  text-align: center;
  padding-bottom: 10pt;
}
.header pre {
  font-family: "Courier New", Monospace;
  font-size: 8pt;
  line-height: 1;
  white-space: pre;
  margin-bottom: 1rem;
  overflow: hidden;
}

footer {
  color: #555;
  font-size: 10pt;
  text-align: center;
}

table {
  margin: 0 auto;
}

.left { float:left; }

.codehilite {
  background:#1d1f21;
  color:#c5c8c6;
  font-size: 90%;
  border: 1px solid #E1E1E1;
  border-radius: 4px;
  display: block;
  padding: 0rem 1.5rem;
  margin-bottom: 2rem;
  white-space: pre;
  overflow: auto;
  line-height:100%;
}

.archive { margin: 0 0 4.5em 180px; }

h1 { font-size: 150%; }
h2 { font-size: 135%; }
h3 { font-size: 125%; }
h4 { font-size: 110%; }

blockquote {
  border: 1px solid #E1E1E1;
  padding: 1rem 1.5rem 0rem 1rem;
  background-color: #F1F1F1;
  border-radius: 4px;
}

img {
  max-width: 100%; 
  display: block;
  margin: auto;
}

.half_img {
  max-width: 50%;
}

.has_js {
  display:none;
}

form {
  text-align: center;
}

input[type="search"] {
  height: 30px;
}

input[type="submit"] {
  padding: 0 16px;
  height: 30px;
  margin-left: -5px;
  color: rgb(40, 90, 160);
}

@media (prefers-color-scheme: light) {

.blink { animation: blinker .5s linear infinite; }
@keyframes blinker { 50% { opacity: 0; } }


@media (min-width: 35rem) {
	.glitch {
	  color: black;
	  font-size: 2.5vw;
	  padding-top: 3%;
	  margin-bottom: 0;
	}
	.glitch:after, .glitch:before {
	  position: absolute;
	  background: white;
	  width: 100%;
	  content: attr(data-text);
	  clip: rect(0, 900px, 0, 0);
	}
	.glitch:after {
	  animation: glitch-anim 2s infinite linear alternate-reverse;
	  left: 2px;
	  text-shadow: 1px 0 red;
	}
	.glitch:before {
	  animation: glitch-anim-2 3s infinite linear alternate-reverse;
	  left: -2px;
	  text-shadow: -1px 0 limegreen;
	}
	@keyframes glitch-anim {
	  0% { clip: rect(3px, 9999px, 93px, 0); }
	  5% { clip: rect(53px, 9999px, 78px, 0); }
	  10% { clip: rect(10px, 9999px, 75px, 0); }
	  15% { clip: rect(32px, 9999px, 40px, 0); }
	  20% { clip: rect(65px, 9999px, 62px, 0); }
	  25% { clip: rect(31px, 9999px, 14px, 0); }
	  30% { clip: rect(94px, 9999px, 87px, 0); }
	  35% { clip: rect(81px, 9999px, 41px, 0); }
	  40% { clip: rect(45px, 9999px, 50px, 0); }
	  45% { clip: rect(82px, 9999px, 41px, 0); }
	  50% { clip: rect(71px, 9999px, 3px, 0); }
	  55% { clip: rect(75px, 9999px, 60px, 0); }
	  60% { clip: rect(20px, 9999px, 49px, 0); }
	  65% { clip: rect(67px, 9999px, 92px, 0); }
	  70% { clip: rect(47px, 9999px, 55px, 0); }
	  75% { clip: rect(63px, 9999px, 90px, 0); }
	  80% { clip: rect(70px, 9999px, 92px, 0); }
	  85% { clip: rect(41px, 9999px, 60px, 0); }
	  90% { clip: rect(56px, 9999px, 79px, 0); }
	  95% { clip: rect(21px, 9999px, 68px, 0); }
	  100% { clip: rect(15px, 9999px, 72px, 0); }
	}

	@keyframes glitch-anim-2 {
	  0% { clip: rect(65px, 9999px, 99px, 0); }
	  5% { clip: rect(86px, 9999px, 70px, 0); }
	  10% { clip: rect(79px, 9999px, 60px, 0); }
	  15% { clip: rect(15px, 9999px, 88px, 0); }
	  20% { clip: rect(24px, 9999px, 5px, 0); }
	  25% { clip: rect(35px, 9999px, 3px, 0); }
	  30% { clip: rect(56px, 9999px, 11px, 0); }
	  35% { clip: rect(2px, 9999px, 38px, 0); }
	  40% { clip: rect(60px, 9999px, 50px, 0); }
	  45% { clip: rect(27px, 9999px, 4px, 0); }
	  50% { clip: rect(79px, 9999px, 12px, 0); }
	  55% { clip: rect(23px, 9999px, 8px, 0); }
	  60% { clip: rect(65px, 9999px, 55px, 0); }
	  65% { clip: rect(19px, 9999px, 7px, 0); }
	  70% { clip: rect(43px, 9999px, 17px, 0); }
	  75% { clip: rect(65px, 9999px, 91px, 0); }
	  80% { clip: rect(45px, 9999px, 66px, 0); }
	  85% { clip: rect(3px, 9999px, 2px, 0); }
	  90% { clip: rect(58px, 9999px, 81px, 0); }
	  95% { clip: rect(29px, 9999px, 20px, 0); }
	  100% { clip: rect(82px, 9999px, 28px, 0); }
	}
}

.codehilite .bp{color:#c5c8c6} 
.codehilite .c1{color:#969896} 
.codehilite .cm{color:#969896} 
.codehilite .cp{color:#969896} 
.codehilite .cs{color:#969896} 
.codehilite .c{color:#969896} 
.codehilite .err{color:#cc6666} 
.codehilite .gd{color:#cc6666} 
.codehilite .ge{font-style:italic} 
.codehilite .gh{color:#c5c8c6; font-weight:bold} 
.codehilite .gi{color:#b5bd68} 
.codehilite .gp{color:#969896; font-weight:bold} 
.codehilite .gs{font-weight:bold} 
.codehilite .gu{color:#8abeb7; font-weight:bold} 
.codehilite .hll{background-color:#373b41}
.codehilite .il{color:#de935f} 
.codehilite .kc{color:#b294bb} 
.codehilite .kd{color:#b294bb} 
.codehilite .kn{color:#8abeb7} 
.codehilite .kp{color:#b294bb} 
.codehilite .kr{color:#b294bb} 
.codehilite .kt{color:#f0c674} 
.codehilite .k{color:#b294bb} 
.codehilite .ld{color:#b5bd68} 
.codehilite .l{color:#de935f} 
.codehilite .mf{color:#de935f} 
.codehilite .mh{color:#de935f} 
.codehilite .mi{color:#de935f} 
.codehilite .mo{color:#de935f} 
.codehilite .m{color:#de935f} 
.codehilite .na{color:#81a2be} 
.codehilite .nb{color:#c5c8c6} 
.codehilite .nc{color:#f0c674} 
.codehilite .nd{color:#8abeb7} 
.codehilite .ne{color:#cc6666} 
.codehilite .nf{color:#81a2be} 
.codehilite .ni{color:#c5c8c6} 
.codehilite .nl{color:#c5c8c6} 
.codehilite .nn{color:#f0c674} 
.codehilite .no{color:#cc6666} 
.codehilite .nt{color:#8abeb7} 
.codehilite .nv{color:#cc6666} 
.codehilite .nx{color:#81a2be} 
.codehilite .n{color:#c5c8c6} 
.codehilite .ow{color:#8abeb7} 
.codehilite .o{color:#8abeb7} 
.codehilite .py{color:#c5c8c6} 
.codehilite .p{color:#c5c8c6} 
.codehilite .s1{color:#b5bd68} 
.codehilite .s2{color:#b5bd68} 
.codehilite .sb{color:#b5bd68} 
.codehilite .sc{color:#c5c8c6} 
.codehilite .sd{color:#969896} 
.codehilite .se{color:#de935f} 
.codehilite .sh{color:#b5bd68} 
.codehilite .si{color:#de935f} 
.codehilite .sr{color:#b5bd68} 
.codehilite .ss{color:#b5bd68} 
.codehilite .sx{color:#b5bd68} 
.codehilite .s{color:#b5bd68} 
.codehilite .vc{color:#cc6666} 
.codehilite .vg{color:#cc6666} 
.codehilite .vi{color:#cc6666} 
.codehilite .w{color:#c5c8c6} 
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: #1c1c1c;
		color: #f1f1f1;
	}

	h2.subtitle {
		color: #fff;
	}

	a, a:link, a:visited {
		color:rgb(140, 180, 230); 
		text-decoration:none;
	}

	a:hover {
		color:rgb(40, 90, 160);
	}

	footer {
		color: inherit;
	}

	blockquote {
		background-color: #1c1c1c;
	}

	code {
		background-color: #1c1c1c;
	}
}