@namespace svg url("https://www.w3.org/2000/svg");

 /* ==========================================================================
   Fonts
   ========================================================================== */

@font-face {
font-family: "Lobster Two";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/LobsterTwo-Regular-webfont.eot');
src: url('/LobsterTwo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
     local('Lobster Two'),
     local('LobsterTwo'),
     url('/LobsterTwo-Regular-webfont.woff2') format('woff2'),
     url('/LobsterTwo-Regular-webfont.woff') format('woff'),
     url('/LobsterTwo-Regular-webfont.ttf') format('truetype'),
	 url('/LobsterTwo-Regular-webfont.otf') format('opentype'),
     url('/LobsterTwo-Regular-webfont.svg#LobsterTwoRegular') format('svg');
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;
}

@font-face {
  font-family: emoji;

  /* Fonts for text outside emoji blocks */
  src: local('Droid Sans Mono'),
       local('Lucida Console'),
       local('Arial Monospaced'),
       local(Arial);
}
@font-face {
  font-family: emoji;

  src: local('Apple Color Emoji'),
       local('Android Emoji'),
       local('Segoe UI'),
	   local('Segoe UI Symbol'),
       local(EmojiSymbols),
       local(Symbola),/*,
       url('fonts/Symbola-Emoji.eot?#iefix') format('embedded-opentype'),
       url('fonts/Symbola-Emoji.woff') format('woff'),
       url('fonts/Symbola-Emoji.ttf') format('truetype')*/
       local(emoji);

  /* Emoji unicode blocks */
  unicode-range: U+1F300-1F5FF, U+1F600-1F64F, U+1F680-1F6FF, U+2600-26FF;
}

/* ==========================================================================
   UI Elements
   ========================================================================== */
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: scrollbar;
scroll-behavior: smooth;
scrollbar-width: thin;
}
/*
html, body {
width: 100%;
height: 100%;
}
*/
body {
display: block;
margin: 0;
padding: 0;
border: none;
width: 100%;
height: auto;
min-height: 100%;
color: #ffffff;
background-color: #000000;
background-image: url(pattern-opacity60.png);
background-image: url(pattern-opacity.png), none;
background-image: url(pattern-opacity.webp), none;
background-image: url(pattern-opacity.svg), none;
background-size: 60px 60px;
background-repeat: repeat;
text-align: center;
font-size: 110%;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
overflow: auto;
overflow-y: scroll;
overflow-x: hidden;
-ms-overflow-style: scrollbar;
-webkit-overflow-scrolling: touch;
-ms-touch-action: auto;
touch-action: auto;
scroll-behavior: smooth;
font-family: -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, Lucida Sans, Lucida Grande, Lucida Sans Unicode, HelveticaNeue-Light, HelveticaNeue, Helvetica, Arial, Verdana, sans-serif, caption, noto, 'Segoe UI Emoji', 'Segoe UI Symbol', 'emoji', 'Apple Color Emoji','EmojiSymbols', 'Symbola';
background-attachment: fixed;
z-index: -1;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

.nav.nav-opened body, .nav.search-opened body {
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
-webkit-overflow-scrolling: none;
-ms-touch-action: none;
touch-action: none;
}

.logo {
display: block;
display: inline-block;
padding: 0;
border: 0;
margin: 0;
width: 32px;
height: 32px;
}

.logo.icon {
background-repeat: no-repeat;
background-size: cover;
background-size: 100% 100%;
background-position: 0 0;
background-image: url('https://lh3.googleusercontent.com/-W8HTTwh7V04/VGq-iSJDTbI/AAAAAAAAA94/BPn6x7RNOXU/s144/icon1000.png');
background-image: url('//lh3.googleusercontent.com/-W8HTTwh7V04/VGq-iSJDTbI/AAAAAAAAA94/BPn6x7RNOXU/s144/icon1000.png');
background-image: url('icon40.png');
background-image: url('logo.gif'), none;
background-image: url('logo.png'), none;
background-image: url('logo.jxr'), none;
background-image: url('logo.webp'), none;
background-image: url('logo.svg'), none;
}

.icon {
display: block;
display: inline-block;
padding: 0;
border: 0;
margin: 0;
height: 6%;
height: 1em;
width: auto;
fill: #ffffff;
}

.icon svg, .icon svg use{
fill: inherit;
width: 100%;
height: 100%;
}

.icon svg path {
fill: inherit;
}

#universe {
display: block;
clear: both;
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
height: auto;
margin: 0;
padding: 0;
border: none;
z-index: 1;
}

a, a:visited {
text-decoration: none;
color: #ffffff;
fill: #ffffff;
border-bottom: 1px dotted #ffffff;
}

a:hover, a:active, a:focus {
color: #00ffff;
fill: #00ffff;
border-bottom: 1px solid #00ffff;
}

a:hover svg, a:active svg, a:focus svg, a:hover svg path, a:active svg path, a:focus svg path {
fill: #00ffff;
}

img {
image-rendering: optimizeQuality;
-ms-interpolation-mode: bicubic;
}

#main {
z-index: 2;
clear: right;
float: right;
height: auto;
min-height: 100%;
color: #262C32;
background-color: #1A1A3E;
box-shadow: -1px -5px 10px rgba(0,0,0,0.5);
display: block;
text-align: center;
width: 100%;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
background-image: url(pattern-opacity60.png);
background-image: url(pattern-opacity.png), none;
background-image: url(pattern-opacity.webp), none;
background-image: url(pattern-opacity.svg), none;
background-size: 60px 60px;
background-repeat: repeat;
}

.no-nav #universe {
position: relative;
}

.blank {
display: block;
clear: both;
width: 100%;
height: 0;
padding: 0;
margin: 0;
border: 0;
}

.post {
position: relative;
text-align: center;
color: #ffffff;
background-color: #000000;
padding: 1%;
padding-top: 100px;
padding-bottom: 100px;
overflow: hidden;
height: auto;
width: 98%;
margin-left: auto;
margin-right: auto;
line-height: 1.5;
background-image: url(pattern-opacity60.png);
background-image: url(pattern-opacity.png), none;
background-image: url(pattern-opacity.webp), none;
background-image: url(pattern-opacity.svg), none;
background-size: 60px 60px;
background-repeat: repeat;
}

.post.hump {
padding-top: 25px;
padding-bottom: 25px;
min-height: 182px;
}

#main > footer {
display: block;
clear: both;
text-align: center;
width: 98%;
padding: 1%;
line-height: 1.5;
margin-left: auto;
margin-right: auto;
background-image: none;
color: #ffffff;
font-family: 'Lobster Two';
letter-spacing: 0.1em;
font-size: 110%;
font-weight: bold;
}

#main > footer span {
display: inline-block;
clear: both;
margin-top: 6px;
margin-bottom: 10px;
}

#main > footer a {
border-bottom: 0;
}

#net-neutrality-footer {
clear: both;
display: block;
font-size: 0.8em;
height: 1em;
width: 100%;
padding-bottom: 1em;
}

.post:nth-of-type(even) {
color: #000000;
background-color: #ffffff;
}

.post:nth-of-type(even) img.icon {
background-color: #000000;
border-radius: 2px;
vertical-align: -0.1em;
padding: 0.1em;
}

.post:nth-of-type(even) .button img.icon {
    background-color: transparent;
}

.post:nth-of-type(even) svg.icon path {
fill: #000000;
}

.post.color.green, .post.color.blue, .post.color.red, .post.color.purple {
color: #ffffff;
}

.post-body blockquote {
display: block;
display: inline-block;
max-width: 98%;
border: 1px solid rgba(0,0,0,0.1);
border-left: 10px solid rgba(0,0,0,0.5);
border-radius: 6px;
padding: 1%;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
background-color: #1b1b1b;
color: #ffffff;
background-image: url(pattern-opacity60.png);
background-image: url(pattern-opacity.png), none;
background-image: url(pattern-opacity.webp), none;
background-image: url(pattern-opacity.svg), none;
background-size: 60px 60px;
background-repeat: repeat;
}

.post-body blockquote:before, .post-body blockquote:after {
font-size: 4em;
line-height: 0.1em;
margin: 0;
vertical-align: -0.5em;
font-family: 'Lobster Two';
}

.post-body blockquote:before {
content: open-quote;
margin-right: 0.25em;
}

.post-body blockquote:after {
content: close-quote;
margin-left: 0.25em;
}

.post-body details {
display: block;
max-width: 98%;
border: 1px solid rgba(0,0,0,0.1);
border-left: 10px solid rgba(0,0,0,0.5);
border-radius: 6px;
padding: 1%;
margin: 1.5em 10px;
padding: 0.5em 10px;
background-color: #1b1b1b;
color: #ffffff;
background-image: url(pattern-opacity60.png);
background-image: url(pattern-opacity.png), none;
background-image: url(pattern-opacity.webp), none;
background-image: url(pattern-opacity.svg), none;
background-size: 60px 60px;
background-repeat: repeat;
}

.post-body h2 {
display: inline-block;
font-size: 135%;
border-bottom: 1px solid;
}

.post-body *, .post .post-body iframe, .post .post-body iframe.twitter-tweet, .post .post-body embed, .post .post-body object, .post .post-body video, .post .post-body audio {
max-width: 98%;
}

.post .post-body img, .post .post-body .cover {
max-width: 98%;
margin-left: auto;
margin-right: auto;
}

.post .post-body iframe.hump, .post .post-body img.hump {
border-radius: 2px;
background-image: url(pattern-opacity60.png);
background-image: url(pattern-opacity.png), none;
background-image: url(pattern-opacity.webp), none;
background-image: url(pattern-opacity.svg), none;
background-size: 60px 60px;
background-repeat: repeat;
}

.post .post-body iframe[src^="http://www.youtube.com"].hump, .post .post-body iframe[src^="https://www.youtube.com/embed/"].hump, .post .post-body iframe[src^="http://www.vimeo.com"].hump, .post .post-body iframe[src^="https://w.soundcloud.com"].hump, .post .post-body iframe[src^="//tools.applemusic.com"].hump {
width: 100%;
max-width: 100%;
height: auto;
min-height: 400px;
}

.post-title {
margin: 0px;
margin-top: 5px;
line-height: 1;
font-size: 250%;
font-family: 'Lobster Two';
padding-bottom: 10px;
margin-bottom: 5px;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 80%;
}

.post-title a {
color: #ffffff;
border: 0;
}

.post-body {
margin: 0px;
font-size: 120%;
text-align: center;
padding-bottom: 5px;
max-width: 80%;
margin-left: auto;
margin-right: auto;
}

.post .post-timestamp {
margin-left: 0;
}

.nav .fb-like-flip {
	width: 63px;
    padding: 0;
    padding-top: calc(48px - 1em);
    height: 58px;
    box-sizing: border-box;
	background-position: center center;
	background-repeat: no-repeat;
}

.nav .like-frame {
	width: 63px;
    height: 58px;
	border: none;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
}

.nav .fb-like {
display: inline-block;
border: none;
margin: 0;
padding: 0;
width: auto;
min-width: 78px;
height: auto;
min-height: 0px;
background-position: center center;
background-repeat: no-repeat;
}

.nav.no-apng.no-webpanimation.no-smil .fb-like[fb-xfbml-state="parsed"], .nav.no-apng.no-webpanimation.no-smil .fb-like-flip[data-loading="yes"], .nav.no-apng.no-webpanimation.no-smil .like-frame[data-loaded="no"] {
background-image: url(comment.gif);
cursor: wait;
cursor: progress;
}

.nav.apng .fb-like[fb-xfbml-state="parsed"], .nav.apng .fb-like-flip[data-loading="yes"], .nav.apng .like-frame[data-loaded="no"] {
background-image: url(comment.png), none;
background-image: url(comment.apng), none;
cursor: wait;
cursor: progress;
}

.nav.webpanimation .fb-like[fb-xfbml-state="parsed"], .nav.webpanimation .fb-like-flip[data-loading="yes"], .nav.webpanimation .like-frame[data-loaded="no"] {
background-image: url(comment.webp), none;
cursor: wait;
cursor: progress;
}

.nav.smil .fb-like[fb-xfbml-state="parsed"], .nav.smil .fb-like-flip[data-loading="yes"], .nav.smil .like-frame[data-loaded="no"] {
background-image: url(comment.svg), none;
cursor: wait;
cursor: progress;
}

.nav .fb-like[fb-xfbml-state="parsed"], .nav .fb-like-flip[data-loading="yes"], .nav .like-frame[data-loaded="no"] {
min-height: 58px;
}

.nav .fb-like[fb-xfbml-state="rendered"], .nav .like-frame[data-loaded="yes"] {
min-height: 58px;
background-image: none;
cursor: auto;
}

.nav .fb-comments {
display: block;
clear: both;
width: auto;
min-width: 100px;
height: auto;
min-height: 0px;
background-position: center top;
background-repeat: no-repeat;
}

.nav.no-apng.no-webpanimation.no-smil .fb-comments[fb-xfbml-state="parsed"] {
background-image: url(comment.gif);
cursor: wait;
cursor: progress;
}

.nav.apng .fb-comments[fb-xfbml-state="parsed"] {
background-image: url(comment.png), none;
background-image: url(comment.apng), none;
cursor: wait;
cursor: progress;
}

.nav.webpanimation .fb-comments[fb-xfbml-state="parsed"] {
background-image: url(comment.webp), none;
cursor: wait;
cursor: progress;
}

.nav.smil .fb-comments[fb-xfbml-state="parsed"] {
background-image: url(comment.svg), none;
cursor: wait;
cursor: progress;
}

.nav .fb-comments[fb-xfbml-state="parsed"] {
min-height: 56px;
}

.nav .fb-comments[fb-xfbml-state="rendered"] {
background-image: none;
cursor: auto;
width: 100%;
height: auto;
min-height: 58px;
}

.nav .fb-comments[fb-xfbml-state="rendered"] ~ .fb-comments-flip {
display: none;

pointer-events: none;
touch-action: none;

-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;

nav-index: -1;
-moz-user-focus: ignore;
user-focus: ignore;
-moz-user-input: none;
user-input: none;
pointer-events: none;
}

.nav[data-web-share="available"] .web-share {
background-color: #3e983b;
border-color: #3e983b;
}

#bganipat {
display: none;
}

#bganibox {
display: none;
}

.nav #bganibox {
display: block;
clear: both;
float: left;
z-index: -1;
position: absolute;
position: fixed;
top: 0;
left: 0;
width: 200%;
height: 200%;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
-webkit-overflow-scrolling: none;
pointer-events: none;
-ms-touch-action: none;
touch-action: none;
}

.nav #bganipat {
display: block;
clear: both;
z-index: -1;
width: 100%;
height: 100%;

pointer-events: none;
-ms-touch-action: none;
touch-action: none;

background-color: #1A1A3E;
background-image: url(pattern-opacity60.png);
background-image: url(pattern-opacity.png), none;
background-image: url(pattern-opacity.webp), none;
background-image: url(pattern-opacity.svg), none;
background-size: 60px 60px;
background-repeat: repeat;
background-position: 0 0;
background-origin: content-box;
background-attachment: fixed;
}

.no-nav #menu {
display: block;
clear: both;
width: 100%;
height: auto;
position: relative;
z-index: 9001; /* It's over nine thousand!!! */
color: #ffffff;
background-color: #1A1A3E;
background-image: url(pattern-opacity60.png);
background-image: url(pattern-opacity.png), none;
background-image: url(pattern-opacity.webp), none;
background-image: url(pattern-opacity.svg), none;
background-size: 60px 60px;
background-repeat: repeat;
background-attachment: fixed;
text-align: center;
}

.no-nav #menu-wrap {
background: transparent;
text-align: center;
}

.no-nav #menu-wrap #menu-middle a {
display: block;
display: inline-block;
clear: both;
width: 100%;
height: auto;
font-size: 125%;
padding-top: 5px;
padding-bottom: 5px;
letter-spacing: 0.2em;
border: 0;
}

.no-nav #menu-wrap a:hover, .no-nav #menu-wrap a:focus, .no-nav #menu-wrap a:hover svg, .no-nav #menu-wrap a:focus svg, .no-nav #menu-wrap a:hover svg path, .no-nav #menu-wrap a:focus svg path {
color: #262C32;
fill: #262C32;
background-color: #ffffff;
}

.no-nav #menu-wrap #header a {
display: block;
clear: both;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
border: 0;
font-family: 'Lobster Two';
font-weight: bold;
text-align: center;
text-shadow: 2px 2px 4px rgba(221, 221, 221, 0.5);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #ffffff;
text-align: center;
position: relative;
font-size: 150%;
padding-top: 5px;
padding-bottom: 5px;
}

.no-nav .lt-ie10 #menu-wrap #header a {
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(color=#0000FF,direction=45);
}

.no-nav #menu-wrap #header a h1 {
display: block;
display: inline-block;
clear: both;
margin: 0;
padding: 0;
text-align: center;
}

.no-nav #menu-wrap #header a h1 .logo {
display: block;
display: inline-block;
width: 40px;
height: 40px;
clear: both;
padding: 0;
margin: 0 auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
position: relative;
}

.no-nav #menu-wrap #header a:hover, .no-nav #menu-wrap #header a:focus, .no-nav #menu-wrap #header a:active {
color: #262C32;
background-color: #ffffff;
}

.no-nav #menu-wrap #footer {
font-size: 100%;
margin-top: 5px;
display: block;
height: auto;
margin-left: auto;
margin-right: auto;
clear: both;
}

.no-nav #menu-wrap #footer a.button.social-button {
clear: both;
width: 50%;
height: auto;
font-size: 80%;
padding-top: 2px;
padding-bottom: 2px;
letter-spacing: 0.2em;
border: 0;
}

.no-nav #close {
display: block;
color: transparent;
background: transparent;
position: relative;
width: 100%;
height: 1px;
margin-bottom: -1px;
opacity: 0;
pointer-events: none;
touch-action: none;
z-index: -9001; /* It's under 9000!!! */
}

.no-nav #main .title {
display: none;
}

#options-button, .no-nav #menu-wrap #menu-middle #options-button {
display: none;
}

.nav #menu-wrap {
z-index: 1;
clear: left;
float: left;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
min-height: 100%;
margin: 0;
padding: 0;
border: 0;
padding-left: 1%;
padding-right: 1%;
padding-top: 13px;
text-align: left;
color: #ffffff;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-ms-touch-action: pan-y;
touch-action: pan-y;
}

.nav #menu {
display: block;
position: fixed;
top: 0;
left: 0;
width: 48%;
width: 47.5%;
height: 100%;
z-index: 1;
}

.nav.nav-closed #menu {
z-index: 0;

pointer-events: none;
touch-action: none;

-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;

nav-index: -1;
-moz-user-focus: ignore;
user-focus: ignore;
-moz-user-input: none;
user-input: none;
pointer-events: none;
}

.nav.nav-closed #menu a[href], .nav.nav-closed #menu area[href], .nav.nav-closed #menu input:not([disabled]), .nav.nav-closed #menu select:not([disabled]), .nav.nav-closed #menu textarea:not([disabled]), .nav.nav-closed #menu button:not([disabled]), .nav.nav-closed #menu iframe, .nav.nav-closed #menu object, .nav.nav-closed #menu embed, .nav.nav-closed #menu [tabindex], .nav.nav-closed #menu [contenteditable] {
pointer-events: none;
touch-action: none;

-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;

nav-index: -1;
-moz-user-focus: ignore;
user-focus: ignore;
-moz-user-input: none;
user-input: none;
pointer-events: none;
}

.nav.nav-opened #menu-wrap {
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
-ms-touch-action: pan-y;
touch-action: pan-y;
}

.nav.nav-closed #menu-wrap {
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
-ms-touch-action: none;
touch-action: none;
}

.nav #menu-wrap .line {
display: none;
}

.nav #menu-wrap section {
position: relative;
display: block;
clear: both;
float: left;
min-height: 0;
min-height: 65vh;
height: auto;
width: 100%;
}

.nav #menu-wrap section a {
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0.0);
-webkit-tap-highlight-color: transparent;
display: block;
clear: both;
float: left;
width: 100%;
height: auto;
font-family: 'Lobster Two';
font-weight: bold;
font-size: 143%;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2px;
margin-top: 5px;
margin-bottom: 5px;
color: #ffffff;
background-color: #262C32;
background-color: rgba(38, 44, 50, 0.75);
border: 0;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
overflow: hidden;
}

.js.nav.nav-closed #menu-wrap section a {
pointer-events: none;
-ms-touch-action: none;
touch-action: none;
}

.js.nav.nav-opened #menu-wrap section a {
pointer-events: auto;
-ms-touch-action: auto;
touch-action: auto;
}

.nav #menu-wrap section a:nth-of-type(1), #blog .post:nth-of-type(6n+1), .post.color.red {
background-color: #EE273D;
background-color: rgba(238,39,61,0.8);
}

.nav #menu-wrap section a:nth-of-type(1):hover, .nav #menu-wrap section a:nth-of-type(1):hover svg, .nav #menu-wrap section a:nth-of-type(1):hover svg path, .nav #menu-wrap section a:nth-of-type(1):focus, .nav #menu-wrap section a:nth-of-type(1):focus svg, .nav #menu-wrap section a:nth-of-type(1):focus svg path, #blog .post:nth-of-type(6n+2), #blog .post:nth-of-type(6n+2) a, #blog .post:nth-of-type(6n+2) svg.icon, #blog .post:nth-of-type(6n+2) svg.icon path {
color: #EE273D;
fill: #EE273D;
}

#blog .post:nth-of-type(6n+2) .button, #blog .post:nth-of-type(6n+2) .button svg.icon, #blog .post:nth-of-type(6n+2) .button svg.icon path, .post:nth-of-type(6n+2) img.icon {
background-color: #EE273D;
color: #ffffff;
fill: #ffffff;
}

#blog .post:nth-of-type(6n+2) .button:hover, #blog .post:nth-of-type(6n+2) .button:focus {
background-color: #EE273D;
background-color: rgba(238,39,61,0.8);
}

.nav #menu-wrap section a:nth-of-type(2), #blog .post:nth-of-type(6n+3), .post.color.blue {
background-color: #3498DB;
background-color: rgba(52, 152, 219, 0.8);
}

.nav #menu-wrap section a:nth-of-type(2):hover, .nav #menu-wrap section a:nth-of-type(2):hover svg, .nav #menu-wrap section a:nth-of-type(2):hover svg path, .nav #menu-wrap section a:nth-of-type(2):focus, .nav #menu-wrap section a:nth-of-type(2):focus svg, .nav #menu-wrap section a:nth-of-type(2):focus svg path, #blog .post:nth-of-type(6n+4), #blog .post:nth-of-type(6n+4) a, #blog .post:nth-of-type(6n+4) svg.icon, #blog .post:nth-of-type(6n+4) svg.icon path {
color: #3782AE;
fill: #3782AE;
}

#blog .post:nth-of-type(6n+4) .button, #blog .post:nth-of-type(6n+4) .button svg.icon, #blog .post:nth-of-type(6n+4) .button svg.icon path, .post:nth-of-type(6n+4) img.icon {
background-color: #3782AE;
color: #ffffff;
fill: #ffffff;
}

#blog .post:nth-of-type(6n+4) .button:hover, #blog .post:nth-of-type(6n+4) .button:focus {
background-color: #3782AE;
background-color: rgba(55, 130, 174, 0.8);
}

.nav #menu-wrap section a:nth-of-type(3), #blog .post:nth-of-type(6n+5), .post.color.green {
background-color: #21AD86;
background-color: rgba(33, 173, 134, 0.8);
}

.nav #menu-wrap section a:nth-of-type(3):hover, .nav #menu-wrap section a:nth-of-type(3):hover svg, .nav #menu-wrap section a:nth-of-type(3):hover svg path, .nav #menu-wrap section a:nth-of-type(3):focus, .nav #menu-wrap section a:nth-of-type(3):focus svg, .nav #menu-wrap section a:nth-of-type(3):focus svg path, #blog .post:nth-of-type(6n+6), #blog .post:nth-of-type(6n+6) a, #blog .post:nth-of-type(6n+6) svg.icon, #blog .post:nth-of-type(6n+6) svg.icon path {
color: #21AD86;
fill: #21AD86;
}

#blog .post:nth-of-type(6n+6) .button, #blog .post:nth-of-type(6n+6) .button svg.icon, #blog .post:nth-of-type(6n+6) .button svg.icon path, .post:nth-of-type(6n+6) img.icon {
background-color: #21AD86;
color: #ffffff;
fill: #ffffff;
}

#blog .post:nth-of-type(6n+6) .button:hover, #blog .post:nth-of-type(6n+6) .button:focus {
background-color: #21AD86;
background-color: rgba(33, 173, 134, 0.8);
}

.nav #menu-wrap section a:nth-of-type(4), .post.color.orange {
background-color: #E67E22;
background-color: rgba(230, 126, 34, 0.8);
}

.nav #menu-wrap section a:nth-of-type(4):hover, .nav #menu-wrap section a:nth-of-type(4):hover svg, .nav #menu-wrap section a:nth-of-type(4):hover svg path, .nav #menu-wrap section a:nth-of-type(4):focus, .nav #menu-wrap section a:nth-of-type(4):focus svg, .nav #menu-wrap section a:nth-of-type(4):focus svg path {
color: #F57B00;
fill: #F57B00;
}

.nav #menu-wrap section a:nth-of-type(5), .post.color.purple {
background-color: #9F31A3;
background-color: rgba(159, 49, 163, 0.75);
}

.nav #menu-wrap section a:nth-of-type(5):hover, .nav #menu-wrap section a:nth-of-type(5):hover svg, .nav #menu-wrap section a:nth-of-type(5):hover svg path, .nav #menu-wrap section a:nth-of-type(5):focus, .nav #menu-wrap section a:nth-of-type(5):focus svg, .nav #menu-wrap section a:nth-of-type(5):focus svg path {
color: #9F31A3;
fill: #9F31A3;
}

.nav #menu-wrap section a:nth-of-type(6) {
background-color: #262C32;
background-color: rgba(38, 44, 50, 0.75);
}

.nav #menu-wrap section a:nth-of-type(6):hover, .nav #menu-wrap section a:nth-of-type(6):hover svg, .nav #menu-wrap section a:nth-of-type(6):hover svg path, .nav #menu-wrap section a:nth-of-type(6):focus, .nav #menu-wrap section a:nth-of-type(6):focus svg, .nav #menu-wrap section a:nth-of-type(6):focus svg path {
color: #262C32;
fill: #262C32;
}

.nav #menu-wrap section a:nth-of-type(7) {
background-color: #262C32;
background-color: rgba(38, 44, 50, 0.75);
}

.nav #menu-wrap section a:nth-of-type(7):hover, .nav #menu-wrap section a:nth-of-type(7):hover svg, .nav #menu-wrap section a:nth-of-type(7):hover svg path, .nav #menu-wrap section a:nth-of-type(7):focus, .nav #menu-wrap section a:nth-of-type(7):focus svg, .nav #menu-wrap section a:nth-of-type(7):focus svg path {
color: #262C32;
fill: #262C32;
}

.nav #menu-wrap section a:hover, .nav #menu-wrap section a:focus, .nav #menu-wrap section a:active {
background-color: #ffffff;
color: #272737;
text-shadow: none;
margin-left: 2%;
background-image: url(pattern-opacity60.png);
background-image: url(pattern-opacity.png), none;
background-image: url(pattern-opacity.webp), none;
background-image: url(pattern-opacity.svg), none;
background-size: 60px 60px;
background-repeat: repeat;
}

.nav #menu-wrap section a .icon {
display: inline-block;
opacity: 0.1;
}

.nav.nav-opened #menu-wrap section a:hover .icon, .nav.nav-opened #menu-wrap section a:focus .icon {
opacity: 0.25;
}

.nav  #menu-wrap section #options-button {
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0.0);
-webkit-tap-highlight-color: transparent;
display: block;
clear: both;
width: 1.5em;
width: 8em;
height: 1.5em;
min-height: 1em;
line-height: 1.5em;
text-align: left;
letter-spacing: 0.2em;
text-transform: uppercase;
font-weight: bold;
font-size: 100%;
font-family: -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, Lucida Sans, Lucida Grande, Lucida Sans Unicode, HelveticaNeue-Light, HelveticaNeue, Helvetica, Arial, Verdana, sans-serif, caption, noto, 'Segoe UI Emoji', 'Segoe UI Symbol', 'emoji', 'Apple Color Emoji','EmojiSymbols', 'Symbola';
text-shadow: none;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 4px;
padding-right: 2px;
margin-top: 50px;
margin-bottom: 0px;
color: #ffffff;
fill: #ffffff;
background-color: #224c48;
border: 0;
border-radius: 0;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
float: right;
margin-right: -6.5em;
}
	
.nav.nav-opened  #menu-wrap section #options-button:hover, .nav.nav-opened  #menu-wrap section #options-button:focus, .nav.nav-opened  #menu-wrap section #options-button:hover svg, .nav.nav-opened  #menu-wrap section #options-button:focus svg, .nav.nav-opened  #menu-wrap section #options-button:hover svg path, .nav.nav-opened  #menu-wrap section #options-button:focus svg path {
color: #ffffff;
fill: #ffffff;
}

.nav.nav-opened  #menu-wrap section #options-button:hover, .nav.nav-opened  #menu-wrap section #options-button:focus {
background-image: none;
background-color: #2f6b65;
margin-right: 0;
}

.nav  #menu-wrap section #options-button .icon {
opacity: 0.5;
width: auto;
height: 100%;
float: left;
clear: left;
display: inline-block;
margin-right: 8px;
}

.nav #menu-wrap section a[aria-current="page"]:after {
content: " ◆";
font-size: 0.5em;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;
opacity: 0.5;
}

.nav #menu-wrap header a {
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0.0);
-webkit-tap-highlight-color: transparent;
display: block;
clear: both;
margin: 0;
padding: 0;
border: 0;
width: 99%;
padding-top: 2%;
padding-left: 1%;
font-family: 'Lobster Two';
font-size: 175%;
font-weight: bold;
text-shadow: 2px 2px 4px rgba(221, 221, 221, 0.5);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-bottom: 10px;
color: #ffffff;
}

.nav .lt-ie10 #menu-wrap #header a {
-ms-filter: progid:DXImageTransform.Microsoft.DropShadow(color=#DDD, offx=2, offy=2);
}

.nav #menu-wrap header a h1 {
margin: 0;
padding: 0;
font-size: 100%;
}

.nav.nav-closed #menu-wrap header a {
opacity: 0;
}

.nav.nav-opened #menu-wrap header a {
opacity: 1;
}

.nav #menu-wrap header a .logo {
width: 40px;
height: 40px;
display: block;
clear: both;
margin: 0;
padding: 0;
border: 0;
margin-bottom: 5px;
}

.nav.nav-opened #menu-wrap header a:hover, .nav.nav-opened #menu-wrap header a:focus {
color: #ffffff;
}

.nav.nav-opened #menu-wrap header a:active {
color: #ffffff;
}

.nav.nav-opened #universe, .nav.search-opened #universe {
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;

nav-index: -1;
-moz-user-focus: ignore;
user-focus: ignore;
-moz-user-input: none;
user-input: none;
pointer-events: none;
}

.nav.nav-opened #universe a[href], .nav.nav-opened #universe area[href], .nav.nav-opened #universe input:not([disabled]), .nav.nav-opened #universe select:not([disabled]), .nav.nav-opened #universe textarea:not([disabled]), .nav.nav-opened #universe button:not([disabled]), .nav.nav-opened #universe iframe, .nav.nav-opened #universe object, .nav.nav-opened #universe embed, .nav.nav-opened #universe [tabindex], .nav.nav-opened #universe [contenteditable], .nav.search-opened #universe a[href], .nav.search-opened #universe area[href], .nav.search-opened #universe input:not([disabled]), .nav.search-opened #universe select:not([disabled]), .nav.search-opened #universe textarea:not([disabled]), .nav.search-opened #universe button:not([disabled]), .nav.search-opened #universe iframe, .nav.search-opened #universe object, .nav.search-opened #universe embed, .nav.search-opened #universe [tabindex], .nav.search-opened #universe [contenteditable] {
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;

nav-index: -1;
-moz-user-focus: ignore;
user-focus: ignore;
-moz-user-input: none;
user-input: none;
pointer-events: none;
}

.nav.nav-opened #universe {
left: 48%;
}

.nav.search-opened #universe {
top: 60px;
}

.nav #menu-wrap footer {
display: inline-block;
clear: both;
float: left;
width: 100%;
height: auto;
font-size: 75%;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
bottom: 0;
}

#navicon, #searchicon {
border: 0;
z-index: 3;
opacity: 1;
font-size: 200%;
font-weight: bold;
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
position: absolute;
position: fixed;
top: 0px;
display: block;
min-height: 0px;
height: 30px;
height: 1em;
width: auto;
min-width: 1em;
padding: 10px;
color: #ffffff;
background-color: #262C32;
background-color: rgba(38, 44, 50, 0.75);
border-radius: 4px;
overflow: hidden;
line-height: 1em;
-webkit-tap-highlight-color: rgba(0,0,0,0.0);
-webkit-tap-highlight-color: transparent;
}

.nav #navicon, .nav #searchicon {
-webkit-touch-callout: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;
cursor: default;
}

#navicon {
left: 0px;
clear: left;
float: left;
text-align: left;
}

#searchicon {
right: 0px;
clear: right;
float: right;
text-align: right;
}

#navicon:hover, #navicon:focus, #searchicon:hover, #searchicon:focus {
background-color: #eeeeee;
color: #262C32;
background-color: rgba(255, 255, 255, 0.5);
color: rgba(255,255,255,1);
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
}

#navicon, #searchicon { //inlinesvg
//width: 30px;
//height: 30px;
//width: 1em;
//height: 1em;
}

#navicon:hover, #searchicon:hover, #navicon:focus, #searchicon:focus { //inlinesvg
height: 30px;
height: 1em;
/* width: auto; */
}

.nav #navicon, .nav #searchicon { //inlinesvg
box-shadow: 0px 2px 1px transparent;
background-color: transparent;
}

.nav #navicon:hover, .nav #searchicon:hover, .nav #navicon:focus, .nav #searchicon:focus { //inlinesvg
background-color: rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 2px 1px rgba(0,0,0,0.1);
}

.nav #navicon:active, .nav #searchicon:active { //inlinesvg
background-color: #97999B;
background-color: rgba(0, 0, 0, 0.6);
box-shadow: inset 0px 2px 1px rgba(0,0,0,0.3);
}

#navicon .icon, #searchicon .icon { //inlinesvg
font-size: 100%;
float: left;
display: block;
clear: both;
//margin-bottom: 1em;
//margin-right: 1em;
position: relative;
width: 1em;
}

#navicon .icon svg, #searchicon .icon svg { //inlinesvg
fill: #ffffff;
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

#navicon .icon svg.icon-shadow, #searchicon .icon svg.icon-shadow, #navicon .icon svg.icon-shadow path, #searchicon .icon svg.icon-shadow path { //inlinesvg
fill: #000000;
fill: rgba(0, 0, 0, 0.5);
text-shadow: none;
position: absolute;
left: 2px;
top: 2px;
z-index: 1;
opacity: 0.7;
}

.nav.nav-opened #navicon, .nav.nav-opened #searchicon, .nav.search-opened #navicon, .nav.search-opened #searchicon {
z-index: -1;
opacity: 0;
}

.nav #navicon:hover .icon svg, .nav #searchicon:hover .icon svg, .nav #navicon:focus .icon svg, .nav #searchicon:focus .icon svg, .nav #navicon:hover .icon svg path, .nav #searchicon:hover .icon svg path, .nav #navicon:focus .icon svg path, .nav #searchicon:focus .icon svg path { //inlinesvg
fill: #ffffff;
}

.nav #navicon:hover .icon svg.icon-shadow, .nav #searchicon:hover .icon svg.icon-shadow, .nav #navicon:focus .icon svg.icon-shadow, .nav #searchicon:focus .icon svg.icon-shadow, .nav #navicon:hover .icon svg.icon-shadow path, .nav #searchicon:hover .icon svg.icon-shadow path, .nav #navicon:focus .icon svg.icon-shadow path, .nav #searchicon:focus .icon svg.icon-shadow path { //inlinesvg
fill: #000000;
fill: rgba(0, 0, 0, 0.5);
}

.nav #close {
display: block;
color: transparent;
position: fixed;
left: 100%;
opacity: 0;
pointer-events: none;
-ms-touch-action: none;
touch-action: none;
z-index: -9001;
-webkit-tap-highlight-color: rgba(0,0,0,0.0);
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;
cursor: default;
}

.nav.nav-opened #close {
z-index: 4;
top: 0;
left: 48%;
width: 100%;
height: 200%;
margin: 0;
opacity: 0.5;
text-align: left;
font-size: 400%;
float: right;
box-shadow: 0 0 1px 1px #000000;
background-color: #000000;
pointer-events: auto;
-ms-touch-action: auto;
touch-action: auto;
text-align: center;
}

.nav.search-opened #close {
z-index: 4;
top: 60px;
left: 0;
width: 100%;
height: 200%;
margin: 0;
opacity: 0.5;
text-align: left;
font-size: 400%;
float: right;
box-shadow: 0 0 1px 1px #000000;
background-color: #000000;
pointer-events: auto;
-ms-touch-action: auto;
touch-action: auto;
text-align: center;
}

.nav #close .icon {
display: inline-block;
float: left;
color: #ffffff;
fill: #ffffff;
opacity: 0.5;
}

.nav.nav-opened #close .icon {
position: absolute;
    top: 25vh;
    left: 0;
    width: 50%;
    height: 50%;
}

.nav.search-opened #close .icon{
position: absolute;
top: 25vh;
    left: 25vw;
    width: 50vw;
    height: 50vh;
}

.no-nav #search {
display: block;
clear: both;
width: 100%;
height: 40px;
position: relative;
color: #ffffff;
background-color: #121218;
background-color: #1A1A3E;
background-image: url(pattern-opacity60.png);
background-image: url(pattern-opacity.png), none;
background-image: url(pattern-opacity.webp), none;
background-image: url(pattern-opacity.svg), none;
background-size: 60px 60px;
background-repeat: repeat;
background-attachment: fixed;
}

.no-nav #search button, .no-nav #search input[type=submit] {
color: #000000;
fill: #ffffff;
}

.nav #search {
z-index: 1;
padding: 0;
border: 0;
clear: both;
display: block;
width: 100%;
height: 60px;
position: relative;
color: #ffffff;
font-size: 150%;
font-weight: bold;
position: absolute;
top: 0;
left: 0;
pointer-events: auto;
touch-action: auto;
}

.nav.search-closed #search {
z-index: 0;
pointer-events: none;
touch-action: none;

-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;

nav-index: -1;
-moz-user-focus: ignore;
user-focus: ignore;
-moz-user-input: none;
user-input: none;
pointer-events: none;
}

.nav.search-closed #search a[href], .nav.search-closed #search area[href], .nav.search-closed #search input:not([disabled]), .nav.search-closed #search select:not([disabled]), .nav.search-closed #search textarea:not([disabled]), .nav.search-closed #search button:not([disabled]), .nav.search-closed #search iframe, .nav.search-closed #search object, .nav.search-closed #search embed, .nav.search-closed #search [tabindex], .nav.search-closed #search [contenteditable]{
pointer-events: none;
touch-action: none;

-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;

nav-index: -1;
-moz-user-focus: ignore;
user-focus: ignore;
-moz-user-input: none;
user-input: none;
pointer-events: none;
}

.nav.search-opened #search {
z-index: 1;
pointer-events: auto;
touch-action: auto;
}

.nav #search input[type=search] {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
border: 0;
padding: 0;
background: transparent;
color: #ffffff;
float: left;
clear: left;
display: block;
width: 86%;
height: 100%;
padding-left: 1%;
font-size: 100%;
font-weight: bold;
}

.nav.search-closed #search input[type=search] {
pointer-events: none;
touch-action: none;
}

.nav.search-opened #search input[type=search] {
pointer-events: auto;
touch-action: auto;
}

.nav #search input[type=search][placeholder], .nav #search input[type=search]::-webkit-input-placeholder, .nav #search input[type=search]:-moz-placeholder, .nav #search input[type=search]::-moz-placeholder, .nav #search input[type=search]:-ms-input-placeholder {
color: #ffffff;
}

.nav #search input[type=submit], .nav #search button[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
border: 0;
padding: 0;
background: transparent;
color: #ffffff;
float: right;
clear: right;
display: block;
width: 13%;
height: 100%;
font-size: 100%;
text-align: center;
}

.nav #search button[type=submit] .icon {
display: inline-block;
clear: both;
height: 77%;
height: 1.4em;
padding-top: 0.2em;
padding-bottom: 1em;
fill: #ffffff;
}

.nav #search button[type=submit] svg, .nav #search button[type=submit] svg path {
fill: #ffffff;
}

#bump {
display: block;
clear: both;
border: 0;
margin: 0;
padding: 0;
position: relative;
float: left;
background-color: #000000;
background-image: url(pattern-opacity60.png);
background-image: url(pattern-opacity.png), none;
background-image: url(pattern-opacity.webp), none;
background-image: url(pattern-opacity.svg), none;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 0 0;
background-position: 0 0, 0 0, 0 0, 0 0;
width: 100%;
height: auto;
min-height: 100px;
max-height: 400px;
overflow: hidden;
}

.nav #bump {
max-height: 300px;
}

#bump .poster {
display: block;
clear: both;
border: 0;
margin: 0;
margin: 0 auto;
margin-left: auto;
margin-right: auto;
padding: 0;
width: auto;
height: auto;
max-width: 100%;
min-height: 100px;
max-height: 400px;
}

.nav #bump .poster {
max-height: 300px;
border-right: 1px solid rgba(0,0,0,0.5);
border-left: 1px solid rgba(0,0,0,0.5);
border-right-width: 1vw;
border-left-width: 1vw;

}

.nav #main .title {
width: 100%;
height: 0;
float: left;
display: block;
display: inline-block;
position: relative;
margin-top: -10px;
margin-left: 10px;
margin-top: -1.50em;
margin-left: 2.25em;
z-index: 2;
font-family: 'Lobster Two';
font-weight: bold;
text-align: left;
text-shadow: 1px 1px 1px rgba(221, 221, 221, 0.5);
color: #ffffff;
opacity: 0.75;

    -webkit-touch-callout: none;
	
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;

    nav-index: -1;
    -moz-user-focus: ignore;
    user-focus: ignore;
    -moz-user-input: none;
    user-input: none;
    pointer-events: none;
}

.nav #main .title .logo {
display: block;
display: inline-block;
float: left;
height: 24px;
width: 24px;
height: 1.4em;
width: 1.4em;
margin-right: 2px;
}

#blogbuttons {
display: block;
display: inline-block;
position: relative;
float: right;
height: 0;
margin-top: -10px;
margin-right: 10px;
margin-top: -2.2em;
margin-right: 0.5em;
z-index: 2;
opacity: 0.75;
width: 100%;
clear: both;
height: auto;
top: 40px;
}

.button {
-webkit-appearance: none;
-moz-appearance: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
text-decoration: none;
display: inline-block;
box-sizing: content-box;
position: relative;
color: #ffffff;
background-color: #262C32;
background-color: rgba(0, 0, 0, 0.3);
font-size: 80%;
padding-left: 1em;
padding-right: 1em;
margin-top: 1px;
margin-bottom: 1px;
text-align: center;
max-width: 80%;
min-height: 2.1em;
line-height: 2.1em;
text-decoration: none;
text-transform: uppercase;
border-radius: 4px;
background-repeat: repeat;
position: relative;
border: none;
border-bottom: 1px solid transparent;
box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.2)
}

.button:hover, .button:focus {
color: #ffffff;
background-color: rgba(0, 0, 0, 0.4);
border: none;
border-bottom: 1px solid transparent;
}

.button:active {
color: #ffffff;
fill: #ffffff;
background-color: rgba(0, 0, 0, 0.5);
border: none;
border-top: 1px solid transparent;
box-shadow: inset 0 2px 0px 2px rgba(0, 0, 0, 0.2);
}

.button:active svg, .button:hover svg, .button:focus svg {
color: #ffffff;
fill: #ffffff;
}

.post.color .button {
color: #ffffff;
fill: #ffffff;
background-color: rgba(0, 0, 0, 0.3);
}

.post.color .button svg.icon, .post.color .button svg.icon path {
fill: #ffffff;
}

.post.color .button:hover, .post.color .button:focus {
color: #ffffff;
background-color: rgba(0, 0, 0, 0.4);
}

.post.color .button:active {
color: #ffffff;
background-color: rgba(0, 0, 0, 0.6);
}

.button.hump {
font-size: 120%;
background-image: url(pattern-opacity60.png);
background-image: url(pattern-opacity.png), none;
background-image: url(pattern-opacity.webp), none;
background-image: url(pattern-opacity.svg), none;
background-size: 60px 60px;
background-repeat: repeat;
}

summary.button {
cursor: default;
}

.nav .widgetbox {
display: inline-block;
margin-top: 20px;
margin-bottom: 2px;
}

.social-button {
border-style: solid;
border-width: 1px;
border-color: rgba(255, 255, 255, 0.5);
color: #ffffff;
fill: #ffffff;
letter-spacing: 0.2em;
background-image: url(pattern-opacity60.png);
background-image: url(pattern-opacity.png), none;
background-image: url(pattern-opacity.webp), none;
background-image: url(pattern-opacity.svg), none;
background-size: 60px 60px;
background-repeat: repeat;
}

.social-button:hover, .social-button:focus {
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.5);
    color: #ffffff;
    fill: #ffffff;
}

.social-button:hover svg, .social-button:focus svg, .social-button:hover svg path, .social-button:focus svg path {
	color: #ffffff;
    fill: #ffffff;
}

.fb-social-button, #blog .post:nth-of-type(6n+2) .fb-social-button, #blog .post:nth-of-type(6n+2) .fb-social-button svg.icon, #blog .post:nth-of-type(6n+2) .fb-social-button:hover, #blog .post:nth-of-type(6n+2) .fb-social-button:hover svg.icon, #blog .post:nth-of-type(6n+2) .fb-social-button:focus, #blog .post:nth-of-type(6n+2) .fb-social-button:focus svg.icon {
    background-color: #3b5998;
    border-color: #3b5998;
}

.tw-social-button, #blog .post:nth-of-type(6n+2) .tw-social-button, #blog .post:nth-of-type(6n+2) .tw-social-button svg.icon, #blog .post:nth-of-type(6n+2) .tw-social-button:hover, #blog .post:nth-of-type(6n+2) .tw-social-button:hover svg.icon, #blog .post:nth-of-type(6n+2) .tw-social-button:focus, #blog .post:nth-of-type(6n+2) .tw-social-button:focus svg.icon {
    background-color: #0B92D1;
    border-color: #0B92D1;
}

.yt-social-button {
    background-color: #ff0000;
    border-color: #ff0000;
}

.rss-social-button {
    background-color: #c17300;
    border-color: #c17300;
}

.web-copy {
cursor: copy;
cursor: default;
}

.web-copy input {
	opacity: 0;
	
    width: 1px;
    height: 0;
    padding: 0;
    margin: 0;
	border: none;
	
pointer-events: none;
touch-action: none;

-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;

nav-index: -1;
-moz-user-focus: ignore;
user-focus: ignore;
-moz-user-input: none;
user-input: none;
pointer-events: none;
}

#refresh-button {
background-color: #209c5d;
font-size: 70%;
text-transform: none;
letter-spacing: 0.2em;
background-image: url(pattern-opacity60.png);
background-image: url(pattern-opacity.png), none;
background-image: url(pattern-opacity.webp), none;
background-image: url(pattern-opacity.svg), none;
background-size: 20px 20px;
background-repeat: repeat;
}

.js.nav .toast {
opacity: 0;
z-index: 9999999999999;
display: block;
position: fixed;
bottom: 0;
right: -1000%;
border-top-left-radius: 8px;
padding: 8px;
color: #ffffff;
background-color: #000000;
background-color: rgba(0,0,0,0.8);
font-family: 'Lobster Two';
font-size: 20px;
font-weight: bold;
}

#loading {
display: none;
}

.js.nav #loading {
display: block;
cursor: wait;
cursor: progress;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;
pointer-events: none;
}

.js.nav.not-ready #loading {
opacity: 0.8;
right: 0;
}

.js.nav #updateavailable {
display: block;
opacity: 1;
right: 0;
}

.loading {
display: block;
display: inline-block;
cursor: wait;
cursor: progress;
}

.js.nav.not-ready .toast .loading {
margin-bottom: -0.2em
width: 1em;
height: 1em;
}

#cache {
position: fixed;
left: 1000%;
bottom: 1000%;
width: 0;
height: 0;
border: 0;
overflow: hidden;
z-index: -9;
pointer-events: none;
}

/* =============================================================================
   Flexbox
   ========================================================================== */
@supports (display: flex) and (flex-direction: column) {

.nav #main {
display: flex;
flex-direction: column;
}

.nav #main .bump {
flex-grow: 1;
align-self: flex-start;
}

.nav #main .title {
margin-top: 0;
}

.nav #blogbuttons {
margin-top: 0;
}

.nav #main .post {
flex-grow: 1;
}

.nav #main > footer {
flex-grow: 1;
align-self: flex-end;
margin-top: auto;
}

}
/* =============================================================================
   Position: Sticky
   ========================================================================== */
@supports (position: sticky) {

.nav .widgetbox {
display: block;
position: sticky;
top: 2px;
left: 2px;
}

}

/* =============================================================================
   iPhone X and other devices with strange screens
   ========================================================================== */

@supports(padding: max(0px)) {
    #navicon, #searchicon {
		top: max(0px, env(safe-area-inset-top));
    }
	
	#navicon {
		left: max(0px, env(safe-area-inset-left));
	}

	#searchicon {
		right: max(0px, env(safe-area-inset-right));
	}
}

/* =============================================================================
   Animations (jank-free)
   ========================================================================== */
@supports (transform-style: preserve-3d) and (animation-name: bgani) {

@keyframes bgani {
  from {
transform: translateX(0) translateY(0);
  }
 
  to {
transform: translateX(60px) translateY(120px);
  }
}

@keyframes loading {
  from {
    transform: rotateY(0deg);
  }
 
  to {
    transform: rotateY(360deg);
  }
}

@keyframes fadeInDown {
	0% {
		transform: scaleY(0.1);
	}
	100% {
		transform: scaleY(1);
	}
}
details[open] {
animation-name: fadeInDown;
animation-duration: 0.5s;
}

details {
transform-origin: 0 0;
transition-property: transform;
transition-duration: 0.5s;
}

.js.nav .toast {
transition-property: opacity, transform;
transition-duration: 0.5s, 0.5s;
transition-delay: 0s, 1s;
transform: translate3d(100%, 100%, 0) scale3d(1, 1, 1);
}

.js.nav.not-ready #loading, .js.nav #updateavailable {
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

[data-visible="visible"] .loading  {
animation-direction: normal;
animation-iteration-count: infinite;
animation-duration: 4s;
transform-style: preserve-3d;
backface-visibility: visible;
animation-name: loading;
}

.js.nav #navicon, .js.nav #searchicon {
transition-property: opacity;
transition-duration: 0.3s;
transition-delay: 0s;
transition-timing-function: ease;
}

.js.nav.nav-closed #navicon, .js.nav.nav-closed #searchicon {
transition-delay: 0.2s;
}

.nav #universe {
transition-property: transform;
transition-duration: 300ms;
backface-visibility: hidden;
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
perspective: 1000px;
}

[data-visible="visible"].nav #navicon:hover ~ #universe , [data-visible="visible"].nav #searchicon:hover ~ #universe , [data-visible="visible"].nav #close:hover ~ #universe, [data-visible="visible"].nav #navicon:focus ~ #universe , [data-visible="visible"].nav #searchicon:focus ~ #universe , [data-visible="visible"].nav #close:focus ~ #universe, [data-visible="visible"].nav #navicon:active ~ #universe , [data-visible="visible"].nav #searchicon:active ~ #universe , [data-visible="visible"].nav #close:active ~ #universe {
will-change: transform;
}

.nav.nav-opened #universe {
left: 0;
transform: translate3d(48%, 0, 0) scale3d(1, 1, 1);
}

.nav.search-opened #universe {
top: 0;
transform: translate3d(0, 60px, 0) scale3d(1, 1, 1);
}

.js.nav #close {
transition-property: opacity, transform;
transition-duration: 800ms, 300ms;
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

[data-visible="visible"].js.nav #navicon:hover ~ #close, [data-visible="visible"].js.nav #searchicon:hover ~ #close, [data-visible="visible"].js.nav #navicon:focus ~ #close, [data-visible="visible"].js.nav #searchicon:focus ~ #close, [data-visible="visible"].js.nav #navicon:active ~ #close, [data-visible="visible"].js.nav #searchicon:active ~ #close {
will-change: opacity, transform;
}

.nav[data-closing].nav-closed #universe, .nav[data-closing].nav-closed #close {
transition-delay: 0.6s;
}

.nav.nav-closed.search-closed #close {
top: 0;
left: 0;
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

.nav.search-opened #close {
top: 0;
transform: translate3d(0, 60px, 0) scale3d(1, 1, 1);
}

.nav.nav-opened #close {
left: 0;
transform: translate3d(48%, 0, 0) scale3d(1, 1, 1);
}

.js.nav #search {
transition-property: transform;
transition-duration: 300ms;
transform: scaleY(1);
transform-origin: 0 0;
}

[data-visible="visible"].js.nav #searchicon:hover ~ #search, [data-visible="visible"].js.nav #close:hover ~ #search, [data-visible="visible"].js.nav #searchicon:focus ~ #search, [data-visible="visible"].js.nav #close:focus ~ #search, [data-visible="visible"].js.nav #searchicon:active ~ #search, [data-visible="visible"].js.nav #close:active ~ #search {
will-change: transform;
}

.nav.search-closed #search {
transform: scaleY(0);
}

.nav.search-opened #search {
transform: scaleY(1);
}

.nav #bganibox {
display: block;
clear: both;
float: left;
z-index: -1;
position: absolute;
position: fixed;
top: 0;
left: 0;
width: 200%;
height: 200%;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
-webkit-overflow-scrolling: none;
pointer-events: none;
touch-action: none;
}

.nav #bganipat {
display: block;
clear: both;
z-index: -1;
width: 100%;
height: 100%;

pointer-events: none;
touch-action: none;

background-color: #1A1A3E;
background-image: url(pattern-opacity60.png);
background-image: url(pattern-opacity.png), none;
background-image: url(pattern-opacity.webp), none;
background-image: url(pattern-opacity.svg), none;
background-size: 60px 60px;
background-repeat: repeat;
background-position: 0 0;
background-attachment: scroll;

transform-origin: 0 0;
transform: translateZ(0);
}

[data-setbgani="on"].nav #bganipat  {
position: absolute;
top: 0;
left: 0;
width: 300%;
height: 300%;
}

[data-setbgani="on"].nav.bgani-on #bganipat  {
width: 300%;
height: 300%;
position: absolute;
top: 0;
left: 0;
top: -120px;
left: -60px;

animation-name: bgani;
animation-iteration-count: infinite;
animation-duration: 1s;
animation-timing-function: linear;
}

[data-setbgani="on"].nav #menu, [data-setbgani="on"].nav #search {
background-image: none;
background-color: transparent;
}

.js.nav #menu {
transition-property: opacity;
transition-duration: 0.1s;
transition-delay: 0.6s;
perspective: 1000px;
backface-visibility: hidden;
}

.js.nav.nav-closed #menu {
opacity: 0;
transition-delay: 0.8s;
}

.js.nav.nav-opened #menu {
opacity: 1;
transition-delay: 0.1s;
}

[data-visible="visible"].js.nav #navicon:hover ~ #menu #menu-wrap, [data-visible="visible"].js.nav #close:hover ~ #menu #menu-wrap, [data-visible="visible"].js.nav #navicon:focus ~ #menu #menu-wrap, [data-visible="visible"].js.nav #close:focus ~ #menu #menu-wrap, [data-visible="visible"].js.nav #navicon:active ~ #menu #menu-wrap, [data-visible="visible"].js.nav #close:active ~ #menu #menu-wrap , [data-visible="visible"][data-setbgani="on"].js.nav #navicon:hover ~ #bganibox #bganipat, [data-visible="visible"][data-setbgani="on"].js.nav #navicon:focus ~ #bganibox #bganipat, [data-visible="visible"][data-setbgani="on"].js.nav #navicon:active ~ #bganibox #bganipat {
will-change: transform, animation;
}

.js.nav #menu-wrap {
transition-property: transform;
transition-duration: 0.5s;
transition-delay: 0s;
transform: translate3d(0, 0, 0);

transform-origin: 100% 50%;
transform-style: preserve-3d;
backface-visibility: hidden;
}

.js.nav.nav-closed #menu-wrap {
transform: rotateY(-90deg);
}

.js.nav.nav-opened #menu-wrap {
transform: rotateY(0deg) translateZ(0px);
}

.js.nav.nav-closed #menu-wrap {
transform: rotateY(-90deg);
transition-delay: 0.6s;
}

.js.nav #menu-wrap header a {
transition-property: opacity;
transition-duration: 0.7s;
transition-delay: 0.2s;
transition-timing-function: linear;
}

.js.nav #menu-wrap section a {
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: linear;
transform-style: preserve-3d;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
}

[data-visible="visible"].js.nav #navicon:hover ~ #menu #menu-wrap  section a, [data-visible="visible"].js.nav #close:hover ~ #menu #menu-wrap  section a, [data-visible="visible"].js.nav #navicon:focus ~ #menu #menu-wrap  section a, [data-visible="visible"].js.nav #close:focus ~ #menu #menu-wrap  section a, [data-visible="visible"].js.nav #navicon:active ~ #menu #menu-wrap  section a, [data-visible="visible"].js.nav #close:active ~ #menu #menu-wrap  section a {
will-change: transform;
}

[data-visible="visible"].js.nav.nav-opened #menu-wrap section a {
will-change: transform;
}

.js.nav.nav-closed #menu-wrap section a {
transform: translate3d(100%,0,0);
transition-duration: 0.3s;
}

.js.nav.nav-opened #menu-wrap section a {
transform: translate3d(-0.2%,0,0);
transition-duration: 0.3s;
}

.nav #menu-wrap section a:nth-of-type(1) {
transition-delay: 0.2s;
}

.nav #menu-wrap section a:nth-of-type(2) {
transition-delay: 0.3s;
}

.nav #menu-wrap section a:nth-of-type(3) {
transition-delay: 0.4s;
}

.nav #menu-wrap section a:nth-of-type(4) {
transition-delay: 0.5s;
}

.nav #menu-wrap section a:nth-of-type(5) {
transition-delay: 0.6s;
}

.nav #menu-wrap section a:nth-of-type(6) {
transition-delay: 0.7s;
}

.nav #menu-wrap section a:nth-of-type(7) {
transition-delay: 0.8s;
}

.nav #menu-wrap section a:nth-of-type(8) {
transition-delay: 0.9s;
}

.nav  #menu-wrap section #options-button {
transition-property: transform;
margin-right: 0;
transform: translate3d(6.5em,0,0);
}

.nav.nav-opened  #menu-wrap section #options-button:hover, .nav.nav-opened  #menu-wrap section #options-button:focus {
margin-right: 0;
transform: translate3d(0,0,0);
}

[data-visible="visible"].js.nav #navicon:hover ~ #menu  #menu-wrap footer, [data-visible="visible"].js.nav #close:hover ~ #menu  #menu-wrap footer, [data-visible="visible"].js.nav #navicon:focus ~ #menu  #menu-wrap footer, [data-visible="visible"].js.nav #close:focus ~ #menu  #menu-wrap footer, [data-visible="visible"].js.nav #navicon:active ~ #menu  #menu-wrap footer, [data-visible="visible"].js.nav #close:active ~ #menu  #menu-wrap footer  {
will-change: transform;
}

.js.nav #menu-wrap footer {
transition-property: opacity, transform;
transition-duration: 1s, 0.5s;
transition-delay: 0.3s, 0.3s;
transition-timing-function: linear;
transform-style: preserve-3d;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
}

.js.nav.nav-opened #menu-wrap footer {
opacity: 1;
transform: translate3d(0,0,0);
pointer-events: auto;
}

.js.nav.nav-closed #menu-wrap footer {
opacity: 0;
transform: translate3d(-50%,0,0);
pointer-events: none;
}

}

/* =============================================================================
   Hover Animations (jank)
   ========================================================================== */
@supports (transform-style: preserve-3d) and (animation-name: bgani) {
@media only screen and (min-width: 480px) and (hover) {
/*
.js.nav a {
transition-property: color, border;
transition-duration: 0.3s, 0.3s;
}

.js.nav .button {
transition-property: color, background-color, border, box-shadow, transform, line-height;
transition-duration: 280ms;
transform-style: preserve-3d;
backface-visibility: hidden;
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

[data-visible="visible"].nav .button {
will-change: color, background-color, border, box-shadow, transform;
}

.js.nav #navicon, .js.nav #searchicon {
transition-property: opacity, background-color, box-shadow
transition-duration: 0.3s, 0.2s, 0.2s;
transition-delay: 0s, 0s, 0s;
transition-timing-function: ease;
}

.js.nav.nav-closed #navicon, .js.nav.nav-closed #searchicon {
transition-delay: 0.2s, 0s, 0s;
}*/

.js.nav #menu-wrap header a {
transition-property: text-shadow, opacity;
transition-duration: 0.7s, 0.7s;
transition-delay: 0s, 0.2s;
transition-timing-function: linear;
}

.nav.nav-opened #menu-wrap header a:hover, .nav.nav-opened #menu-wrap header a:focus {
text-shadow: 0px 0px 8px #ffffff;
}

.nav.nav-opened #menu-wrap header a:active {
transition-duration: 0.1s, 0.1s, 0.7s;
text-shadow: 0px 0px 25px #ffffff, 0px 0px 5px #ffffff, 0px 0px 50px #ffffff, 0px 0px 30px #ffffff;
}
/*
.nav #menu-wrap header a:active .logo {
-ms-filter: gray;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}*/

.js.nav #menu-wrap section a {
transition-property: margin-left, color, background-color, transform;
transition-duration: 0.3s, 0.3s, 0.3s, 0.3s;
transition-timing-function: linear;
transform-style: preserve-3d;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
}

.js.nav.nav-closed #menu-wrap section a {
transform: translate3d(100%,0,0);
transition-duration: 0.3s, 0.3s, 0.3s, 0.3s;
}

.js.nav.nav-opened #menu-wrap section a {
transform: translate3d(-0.2%,0,0);
transition-duration: 0.3s, 0.3s, 0.3s, 0.3s;
}

.nav #menu-wrap section a:nth-of-type(1) {
transition-delay: 0s, 0s, 0s, 0.2s;
}

.nav #menu-wrap section a:nth-of-type(2) {
transition-delay: 0s, 0s, 0s, 0.3s;
}

.nav #menu-wrap section a:nth-of-type(3) {
transition-delay: 0s, 0s, 0s, 0.4s;
}

.nav #menu-wrap section a:nth-of-type(4) {
transition-delay: 0s, 0s, 0s, 0.5s;
}

.nav #menu-wrap section a:nth-of-type(5) {
transition-delay: 0s, 0s, 0s, 0.6s;
}

.nav #menu-wrap section a:nth-of-type(6) {
transition-delay: 0s, 0s, 0s, 0.7s;
}

.nav #menu-wrap section a:nth-of-type(7) {
transition-delay: 0s, 0s, 0s, 0.8s;
}

.nav #menu-wrap section a:nth-of-type(8) {
transition-delay: 0s, 0s, 0s, 0.9s;
}

.nav  #menu-wrap section #options-button {
transition-property: transform, color, background-color;
}

}
}

/* =============================================================================
   Upgrade notification
   ========================================================================== */
.nav #upgrade {
display: none;
}

.no-nav #upgrade {
display: block;
clear: both;
text-align: center;
padding: 0;
margin: 0;
font-size: 80%;
color: #ffffff;
background-color: #000000;
width: 100%;
height: auto;
z-index: 1;
}

/* =============================================================================
   480
   ========================================================================== */

@media only screen and (min-width: 480px) {

body {
font-size: 95%;
}

.nav #menu-wrap footer {
display: block;
}

#blogbuttons {
width: auto;
clear: none;
height: 0;
top: 0;
}

#bump .poster {
width: 100%;
}

.no-nav #menu-wrap #footer {
width: 15%;
}
	
}

/* =============================================================================
   768
   ========================================================================== */

@media only screen and (min-width: 768px) {

body {
font-size: 90%;
}

.nav #menu-wrap {
padding-left: 8px;
padding-right: 0;
}

#menu-wrap section a {
font-size: 100%;
}

.nav.nav-opened #universe {
left: 28%;
}

.nav.nav-opened #close {
left: 28%;
}

.nav #menu {
width: 28%;
width: 27.5%;
}

.nav #bump {
max-height: 490px;
}

.nav #bump .poster {
max-height: 490px;
}

#bump .poster {
width: auto;
}

.post-body {
width: 60%;
}

.nav #search input[type=search] {
font-size: 150%;
width: 89%;
}

.nav #search input[type=submit], .nav #search button[type=submit] {
font-size: 150%;
width: 10%;
}

#net-neutrality-footer {
position: absolute;
right: 1em;
left: auto;
top: auto;
width: auto;
}

@supports (transform-style: preserve-3d) and (animation-name: bgani) {
.nav.nav-opened #universe {
left: 0;
transform: translate3d(28%, 0,0) scale3d(1, 1, 1);
}

.nav.nav-opened #close {
left: 0;
transform: translate3d(28%, 0, 0) scale3d(1, 1, 1);
}
}

}

/* =============================================================================
   992
   ========================================================================== */
   
@media only screen and (min-width: 992px) {

.nav.nav-opened #universe {
left: 18%;
}

.nav.nav-opened #close {
left: 18%;
}

.nav #menu {
width: 18%;
width: 17.5%;
}

@supports (transform-style: preserve-3d) and (animation-name: bgani) {
.nav.nav-opened #universe {
left: 0;
transform: translate3d(18%, 0,0) scale3d(1, 1, 1);
}

.nav.nav-opened #close {
left: 0;
transform: translate3d(18%, 0, 0) scale3d(1, 1, 1);
}
}

}

/* =============================================================================
   1382
   ========================================================================== */

@media only screen and (min-width: 1382px) {

.nav.nav-opened #universe {
left: 14%;
}

.nav.nav-opened #close {
left: 14%;
}

.nav #menu {
width: 14%;
width: 13.5%;
}

@supports (transform-style: preserve-3d) and (animation-name: bgani) {
.nav.nav-opened #universe {
left: 0;
transform: translate3d(14%, 0,0) scale3d(1, 1, 1);
}

.nav.nav-opened #close {
left: 0;
transform: translate3d(14%, 0, 0) scale3d(1, 1, 1);
}
}

}

/* =============================================================================
   CSS Grid
   ========================================================================== */
@supports (display: grid) {

.nav body {
  display: grid;
}

.nav #universe {
display: block;
}

.nav #menu {
display: block;
}

.nav.nav-opened #menu {
display: block;
}

.nav.nav-opened #close {
display: block;
}

}

/* =============================================================================
   Opera Classic Speed Dial
   ========================================================================== */
@media screen and (view-mode: minimized) {
#main { display: none; }
}

/* =============================================================================
   Blackberry, PSP, DS, DSi, Opera Mini on handheld settings and PSP and Pocket IE
   ========================================================================== */
@media handheld, (max-width:256px) {

}

@media not all {

html:not(:nth-child(1)).no-nav #navicon, html:not(:nth-child(1)).no-nav #searchicon {
width: 70px;
}

}

/* =============================================================================
   Standard Fullscreen Web App
   ========================================================================== */

@media all and (display-mode: standalone) {
	
html, body {
-ms-scroll-chaining: none;
overscroll-behavior: contain;
}

.nav #universe, .nav  #menu-wrap, .nav  #search, .nav #main .bump {
padding-top: 2px;
}

.url-box { display: block; }

}

/* =============================================================================
   iOS Fullscreen Web App
   ========================================================================== */
.nav[data-ios-standalone="true"] #universe, .nav[data-ios-standalone="true"]  #menu-wrap, .nav[data-ios-standalone="true"]  #search, .nav[data-ios-standalone="true"] #main .bump {
padding-top: 20px;
}

.nav[data-ios-standalone="true"] #navicon, .nav[data-ios-standalone="true"] #searchicon {
top: 20px;
top: calc(2px + constant(safe-area-inset-top));
}

.nav[data-ios-standalone="true"].search-opened #universe, .nav[data-ios-standalone="true"].search-opened #close {
top: 80px;
top: calc(60px + constant(safe-area-inset-top));
}

@supports (transform-style: preserve-3d) and (animation-name: bgani) {
.nav[data-ios-standalone="true"].search-opened #universe {
    top: 0;
    transform: translate3d(0, 80px, 0) scale3d(1, 1, 1);
}
}

.nav[data-ios-standalone="true"] .url-box { display: block; }

/* =============================================================================
   Wii, Google TV and other TV browsers
   ========================================================================== */
@media TV {

body {
font-size: 125%;
}

}

/* =============================================================================
   Custom Scrollbars
   ========================================================================== */
html, body, .nav #menu-wrap {
scrollbar-3dlight-color: #3A3A3A;
scrollbar-arrow-color: #3A3A3A;
scrollbar-base-color: #3A3A3A;
scrollbar-darkshadow-color: #3A3A3A;
scrollbar-face-color: #eeeeee;
scrollbar-highlight-color: #3A3A3A;
scrollbar-shadow-color: #3A3A3A;
scrollbar-track-color: #1A1A3E;
-ms-scrollbar-3dlight-color: #3A3A3A;
-ms-scrollbar-arrow-color: #3A3A3A;
-ms-scrollbar-base-color: #3A3A3A;
-ms-scrollbar-darkshadow-color: #3A3A3A;
-ms-scrollbar-face-color: #eeeeee;
-ms-scrollbar-highlight-color: #3A3A3A;
-ms-scrollbar-shadow-color: #3A3A3A;
-ms-scrollbar-track-color: #1A1A3E;
scrollbar-color: #3A3A3A #1A1A3E;
scrollbar-width: thin;
}

@media only screen {
.nav ::-webkit-scrollbar {
display: block;
width: 8px;
height: 8px;
background-color: #1A1A3E;
background-image: url(pattern-opacity.svg);
background-size: 60px 60px;
}

.nav ::-webkit-scrollbar-thumb {
background-color: #eeeeee;
background-image: url(pattern-opacity.svg), linear-gradient(to left, rgba(0,0,0,0.5) 0, transparent 20%);
background-position: 0 0;
border-radius: 8px;
}

.nav ::-webkit-scrollbar-track {
background-color: #1A1A3E;
background-image: url(pattern-opacity.svg), linear-gradient(to right, rgba(0,0,0,0.8) 0, transparent 50%);
background-position: 0 0;
}

.nav #menu-wrap::-webkit-scrollbar-track {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0, transparent 70%);
}

}

/* =============================================================================
   Dark Mode
   ========================================================================== */
@media (prefers-color-scheme: dark) { 
   
.post:nth-of-type(even) {
color: #ffffff;
background-color: #000000;
}

.post:nth-of-type(even) img.icon {
background-color: transparent;
}

.post:nth-of-type(even) .button img.icon {
    background-color: transparent;
}

.post:nth-of-type(even) svg.icon path {
fill: #ffffff;
}

}
/* =============================================================================
   Prefers Reduced Motion
   ========================================================================== */

@media (prefers-reduced-motion) {

[data-visible="visible"] .loading  {
animation-name: none;
}

details[open] {
animation-name: none;
}

[data-setbgani="on"].nav.bgani-on #bganipat  {
animation-name: none;
}

* {
animation-name: none;
animation-duration: 0s;
transition-property: none;
transition-duration: 0s;
}

}

/* =============================================================================
   Viewport adjustments
   ========================================================================== */

@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

/* =============================================================================
   Blogger specific code
   ========================================================================== */

body .navbar, #navbar {
display: none !important;
}

.status-msg-wrap {
    font-size: 100%;
    width: 100%;
    margin: auto;
    position: relative;
    background-color: #000000;
    color: #ffffff;
}

.status-msg-body {
    text-align: center;
    padding: .3em 0;
    width: 100%;
    position: absolute;
    z-index: 4;
    background-color: #000000;
}

.status-msg-border {
    width: 100%;
    position: relative;
    background-color: #000000;
	opacity: 1;
}

.widget {
margin: 0 !important;
padding: 0 !important;
}

.widget .title {
display: none;
}

#layout .widget .title {
display: inline;
}

#layout #universe {
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
}

#layout #blogbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
}

#main #blog-pager, #main .blog-feeds, #main .post-feeds, #main .PopularPosts, #main .BloggerButton {
margin: 0;
padding: 1em;
text-align: center;
overflow: hidden;
color: #ffffff;
}

.blogger_comments {
display: none;
}

.comment-link {
font-size: 125%;
}

.comments {
display: block;
clear: both;
text-align: center;
width: 98%;
padding: 1%;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
}

.cookie-choices-info {
color: #ffffff;
font-family: -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, Lucida Sans, Lucida Grande, Lucida Sans Unicode, HelveticaNeue-Light, HelveticaNeue, Helvetica, Arial, Verdana, sans-serif, caption, noto, 'Segoe UI Emoji', 'Segoe UI Symbol', 'emoji', 'Apple Color Emoji','EmojiSymbols', 'Symbola';
background-color: #1A1A3E;
background-image: url(pattern-opacity60.png);
background-image: url(pattern-opacity.png), none;
background-image: url(pattern-opacity.webp), none;
background-image: url(pattern-opacity.svg), none;
background-size: 60px 60px;
background-repeat: repeat;
border-bottom: 1px solid transparent;
box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.2);
}

.cookie-choices-info .cookie-choices-text {
color: #ffffff;    
}

#disqus_thread {
max-width: 80%;
margin-left: auto;
margin-right: auto;
}

/* =============================================================================
   Misc
   ========================================================================== */
#fb-root > div { left:0; }

#webslice { display: none; }