@font-face {font-family: 'Montserrat'; src: local('Montserrat'), url('/assets/fonts/montserrat.ttf') format('truetype');}
* {box-sizing: border-box;}
body {margin: 0; background: linear-gradient(135deg, #333, #111); line-height: 1.8000; font: normal 16px 'Montserrat', sans-serif; color: #eee;}
code {font-size: 1.1000em;}
kbd {border: 1px solid #fff; background-color: #fff4; padding: 2px 3px; font-family: monospace;}
img {max-width: 100%; vertical-align: middle; border: 0;}
output {display: block;}
abbr {cursor: help;}
summary {cursor: pointer;}
header {width: 100%; z-index: 100;}
@media (min-width: 800px) { header {position: sticky;} }
#header {display: grid; grid-template-columns: 200px auto 200px; background: #222; border-bottom: 2px solid white;}
#header [data-icon] img {cursor: pointer; height: 32px;}
#header-search, #menu-icon {align-self: center; text-align: center; color: white; cursor: pointer; z-index: 10;}
:is(#header-search, #menu-icon) a {color: white;}
#header #menu-icon {width: 80px; font-size: 3em;}
@media (max-width: 599px) { #header-search {width: 80px;}   #header-search_bar {display: none;} }
@media (min-width: 600px) { #header-search {margin-right: 2em; background: #fffa; border: 1px solid #333d; border-radius: 1em;}   #header-search_bar {margin: 0.5000em; padding: 2px 6px; background: transparent; border: none; outline: none;} }
@media (min-width: 600px) { #header-search_bar [data-icon] img {margin-right: 8px; padding-bottom: 2px; height: 16px; filter: initial;}   #header-search_bar [data-icon] img:focus {outline: none;} }
#header #menu-logo {margin: auto;}
nav {background: linear-gradient(135deg, #333, #111); padding: 1em 1em 5em; width: 100%; line-height: 2; border-bottom: 2px solid white;}
@media (min-width: 700px) { nav {display: grid; grid-auto-flow: column;} }
nav div {transition: 100ms;}
nav ul {margin: 0 1em; padding: 0; list-style-type: none;}
nav a[href] {color: #fff;}
nav a[href]:hover {opacity: 1;}
nav .menu-section {margin: 0 auto 1em;}
nav .menu-header {display: block; font-weight: bold; font-size: 1.4000em; text-align: center; text-transform: uppercase;}
nav .menu-subheader {margin-top: 6px; display: inline-block; font-size: 1.1000em; font-weight: bold;}
#content {display: grid; grid-template-areas: "header" "main" "footer"; grid-template-rows: auto 1fr auto; min-height: 100vh;}
footer {width: 100%; padding: 15px; background: #222; margin-top: 12px; border-top: 2px solid #fff; text-align: center;}
footer ul {margin: 0;}
footer ul li {display: inline; white-space: nowrap;}
footer ul li:not(:empty):not(:first-child)::before {content: ' • ';}
h1, h2, h3, h4 {text-transform: uppercase;}
h1, h2, h3, h4, h5, h6 {margin: 0.5000em 0; color: #eee; text-align: center; font-weight: bold;}
h2.section-header {margin-top: 0.8000em; margin-bottom: 0.5000em;}
h2.section-header::after {content: ""; display: block; width: 15vw; height: 2px; margin-left: calc(50% - 7.5000vw); background: #fff; transition: 1s;}
h2.section-header:hover::after {width: 20vw; margin-left: calc(50% - 10vw);}
h1 {font-size: 2.6000em - (0/1.8000);}
h2 {font-size: 2.6000em - (1/1.8000);}
h3 {font-size: 2.6000em - (2/1.8000);}
h4 {font-size: 2.6000em - (3/1.8000);}
h5 {font-size: 2.6000em - (4/1.8000);}
p {margin: 1em; text-align: center;}
p.description {max-width: 800px; margin: auto; line-height: 1.8000;}
a {text-decoration: none; cursor: pointer;}
a:hover {opacity: 0.5000;}
a[href] {color: #acf; transition: 0.2000s;}
a[href]-underline {display: block;}
a[href]-underline::after {content: ""; display: block; width: 0; height: 2px; background: #fff; color: #fff; transition: 0.4000s;}
:hover > a[href]-underline {width: 5em;}
a.external::after {content: ' 🡕';}
table.styled :is(th, td) {border: 1px solid #555; padding: 0.2000em 0.4000em;}
.columns-list {display: flex; flex-wrap: wrap;}
.columns-list li {margin-left: 2em;}
[data-icon] {cursor: pointer; vertical-align: top;}
[data-icon] img {height: 24px; filter: invert(1);}
.centered {display: flex; flex-direction: column; place-content: center; justify-content: center; align-items: center;}
.centered p {display: inline-block; max-width: 50%;}
.tile {height: 100vh;}
hr.half {width: 50%;}
hr.divider {width: 90%;}
iframe.youtube {width: 80vw; height: 45vw; max-width: 960px; max-height: 540px;}
#gallery {width: 100%; margin-bottom: 1em;}
#gallery .screenshot {display: flex; height: 46.8750vh; border-bottom: 2px solid #fff; background: #333 center/cover; background-blend-mode: overlay;}
#gallery .screenshot > * {margin: auto;}
button {background: #19f; color: #fff; padding: 12px 30px; cursor: pointer; font-size: 20px; border: none; border-radius: 0.5000em;}
button:hover {background: #08f; transition: 0.2500s;}
button.download {width: 250px; margin: 0 0 0.2000em;}
button.download.small {padding: 8px 12px; font-size: 95%;}
.hide {display: none !important;}
@media (max-width: 799px) { .desktoponly {display: none !important;} }
@media (min-width: 800px) { .mobileonly {display: none !important;} }
@media (max-width: 799px) { ::-webkit-scrollbar {width: 1em;}   ::-webkit-scrollbar-track {background: #111d;} }
@media (max-width: 799px) { ::-webkit-scrollbar-thumb {background: #fff; box-shadow: inset 0 0 6px #0004;} }
p ~ .adsbygoogle {margin: 3em auto;}
/* Copyright © Nixinova 2021 */
