@charset "UTF-8";
:root {
  /* couleurs */
  --primary: #333;
  --light-aubergine: #333;
  --mid-blue: #4a568b;
  --dark-aubergine: #2C001E;
  --warm-grey: #AEA79F;
  --cool-grey: #333333;
  --text-grey: #111111;
  /* marges */
  --internal-margin: 1.6rem;
  --external-margin: 2rem;
  /* taille typo générale */
  font-size: Min(18px, calc(13px + .5vw));
  /* largeur page max */
  --page-narrow: 1080px;
  --page-wide: 1600px;
  /* #region couleurs light */
  --html-text-color: #ddd;
  --html-background: linear-gradient(150deg, var(--primary) -100%, var(--light-aubergine) 150%);
  --html-background-color: #993057;
  --main-background-color: rgba(0,0,0,.9);
  --html-scrollbar-color: rgba(255,255,255,.2);
  --body-scrollbar-track: black;
  --code-background-color: #3a3a3a;
  --code-border: #444;
  --quote-background-color: var(--warm-grey);
  --quote-color: var(--text-grey);
  --quote-border: #807a73;
  --quote-pict-opacity: .4;
  --td-background-color: #eee;
  --check-background: #f9f9f9;
  --check-box-shadow: rgba(50, 50, 50, .5); }

@font-face {
  font-family: gulax;
  src: url("../fonts/gulax.woff2") format("woff2"); }

@font-face {
  font-family: enfer;
  src: url("../fonts/enfer.woff2") format("woff2"); }

@font-face {
  font-family: radikal;
  src: url("../fonts/Radikal Medium.woff2") format("woff2"); }

@font-face {
  font-family: radikal;
  src: url("../fonts/Radikal Bold.woff2") format("woff2");
  font-weight: bold; }

@font-face {
  font-family: font-awesome;
  src: url("../fonts/fa-solid-900.woff2") format("woff2"); }

*, ::before, ::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

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

body {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: var(--html-text-color);
  font-family: radikal, "Trebuchet MS", "Open Sans", sans-serif;
  /*** fix pour glitch android ***/
  background-color: black; }

.content {
  width: Min(var(--page-narrow), calc(100% - 2*var(--external-margin)));
  transition: width .8s; }

main {
  background-color: var(--main-background-color);
  padding: var(--internal-margin);
  scroll-margin-top: calc(4.5rem + 1.2rem); }

.content {
  z-index: 1;
  position: absolute; }

html {
  scrollbar-color: var(--html-scrollbar-color); }

::-webkit-scrollbar {
  width: calc(.6rem + 2px);
  height: calc(.6rem + 2px); }

::-webkit-scrollbar-track {
  background: transparent; }

::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: var(--html-scrollbar-color);
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: calc(.3rem + 2px); }

body::-webkit-scrollbar-thumb {
  background-color: var(--html-scrollbar-color); }

body::-webkit-scrollbar-track {
  background: var(--body-scrollbar-track); }

body * {
  scrollbar-color: var(--mid-blue) transparent;
  scrollbar-width: thin; }

*::selection {
  color: white;
  background: #333; }

body,
button,
input,
select,
optgroup,
textarea,
p,
pre,
blockquote {
  font-size: .9em;
  line-height: 1.6em; }

/* #region headers */
h1, h2, h3, h4, h5, h6 {
  color: #AEA79F;
  font-family: radikal, "Trebuchet MS", "Open Sans", sans-serif;
  font-weight: bold;
  line-height: 1.4em;
  text-align: left; }

h4, h5, h6 {
  font-family: radikal, "Trebuchet MS", "Open Sans", sans-serif; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: .5em; }

h1 {
  font-size: 1.6em;
  margin: 1.6em 0; }

h2 {
  font-size: 1.4em;
  margin: 1.3em 0; }

h3 {
  font-size: 1.2em;
  margin: 1.1em 0; }

h4 {
  font-size: 1.1em;
  margin: .9em 0; }

h5 {
  font-size: 1em;
  margin: .7em 0; }

h6 {
  font-size: 1em;
  margin: .5em 0; }

/*#endregion*/
/* #region links */
a {
  color: var(--warm-grey);
  transition: 0.2s;
  text-decoration: none; }

a:hover {
  color: white;
  background-color: rgba(255, 255, 255, 0.05); }

/*#endregion*/
p {
  margin: .7em auto; }

p:first-child {
  margin-top: 0; }

ul, ol {
  margin: .7em auto;
  padding-left: 1.2em;
  list-style: none; }

/* #region lists */
li {
  position: relative; }

li::before {
  opacity: .8;
  display: block;
  position: absolute;
  width: 1em;
  top: .1em;
  color: var(--primary); }

ul > li::before {
  content: '•';
  left: -1em; }

ol {
  counter-reset: li; }

ol > li {
  counter-increment: li; }

ol > li::before {
  content: counter(li);
  font-size: .8em;
  left: -1.8em;
  text-align: right;
  direction: rtl;
  font-weight: bold; }

li > p:first-child {
  margin-top: 0; }

/*#endregion*/
code {
  white-space: nowrap;
  padding: 0 .2rem; }

pre, code {
  background-color: var(--code-background-color);
  color: white;
  font-family: ubuntu-mono, Consolas, Monaco, "Courier New", monospace; }

pre {
  border-left: 0.5rem solid var(--code-border);
  overflow: auto hidden;
  white-space: pre; }

blockquote {
  background-color: var(--quote-background-color);
  color: var(--quote-color);
  border-left: 0.5rem solid var(--quote-border);
  overflow: hidden; }

pre, blockquote {
  position: relative;
  z-index: 1;
  padding: .8rem;
  margin: .7rem auto; }

pre:before, blockquote:before {
  font-family: font-awesome;
  color: white;
  font-size: 4rem;
  padding-top: .7rem;
  transform: translateX(-0.3rem);
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  position: sticky;
  display: block;
  float: left;
  z-index: -1;
  opacity: var(--quote-pict-opacity);
  content: "\f10e"; }

blockquote:before {
  content: "\f10e"; }

pre:before {
  opacity: 0.08;
  content: "\f120"; }

dfn, cite, em, i {
  font-style: italic; }

address {
  margin: 0 0 1.5rem; }

mark, ins {
  text-decoration: none; }

abbr {
  text-decoration: underline rgba(125, 125, 125, 0.3) solid; }

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  font-size: .75em; }

sub {
  top: 0.4em; }

/* #region tables */
td {
  text-align: left;
  padding-right: 30px;
  vertical-align: top; }

table {
  border-collapse: collapse; }

th {
  background-color: var(--mid-blue);
  color: rgba(255, 255, 255, 0.85);
  padding: 5px 10px;
  font-weight: normal;
  vertical-align: top; }

td {
  padding: 5px 10px;
  background-color: var(--td-background-color); }

hr {
  height: 1px;
  border-color: rgba(125, 125, 125, 0.3);
  border-style: solid none none;
  border-width: 1px 0 0;
  margin-top: 1rem; }

/*#endregion*/
main section:not(:first-child) {
  margin-top: 2rem; }

body > .content > header {
  margin-top: 3rem; }

#logo {
  font-family: enfer, "Trebuchet MS", "Open Sans", sans-serif;
  color: var(--main-background-color);
  font-size: 30vw;
  letter-spacing: -.062em;
  display: block;
  position: absolute;
  top: 6.5rem;
  z-index: -1; }

a#logo:hover {
  background-color: transparent; }

body > .content > header:after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 1px;
  transform: scale(0.99); }

body > .content > header a {
  color: white; }

body > .content > header a:hover {
  color: var(--text-grey); }

body > .content > header .topbar {
  display: flex;
  justify-content: space-between;
  height: 4.5rem;
  align-items: center;
  margin: 0; }

body > .content > header .navbar {
  display: flex;
  margin-left: var(--internal-margin); }

body > .content > header nav {
  display: flex;
  font-family: radikal, "Trebuchet MS", "Open Sans", sans-serif;
  text-transform: uppercase;
  letter-spacing: .2em;
  margin: .5rem 0 1rem 0;
  gap: 0 2rem; }

body > .content > header nav a, body > .content > header .switcher {
  display: block;
  transition: color .4s, background-color .4s;
  color: rgba(150, 150, 150, 0.85);
  height: 3rem;
  line-height: 3rem;
  box-shadow: 0 0 50px black; }

body > .content > header nav a {
  font-size: 1.2rem; }

body > .content > header nav a:hover, body > .content > header .switcher:hover {
  color: white; }

body > .content > header nav a:hover {
  background-color: transparent; }

/* #region SANDWICH */
#sandwich {
  display: none;
  position: relative;
  width: 1.8rem;
  height: 1.8rem;
  margin-top: 1rem;
  margin-right: var(--internal-margin);
  cursor: pointer;
  flex-shrink: 0;
  z-index: 120; }

#sandwich > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 25%;
  background-color: rgba(255, 255, 255, 0.5);
  transition: 0.4s;
  pointer-events: none; }

#sandwich > div:first-child {
  transform: translate(0, 25%) scale(0.85, 0.5); }

#sandwich > div:nth-child(2) {
  transform: translate(0, 150%) scale(0.85, 0.5); }

#sandwich > div:last-child {
  transform: translate(0, 275%) scale(0.85, 0.5); }

.opened #sandwich > div:first-child {
  transform: translate(0, 150%) rotate(45deg) scale(1, 0.666); }

.opened #sandwich > div:nth-child(2) {
  opacity: 0; }

.opened #sandwich > div:last-child {
  transform: translate(0, 150%) rotate(-45deg) scale(1, 0.666); }

/*#endregion*/
/* #region CONTRÔLE SIDEBAR */
.sidebar-control {
  display: none;
  position: relative;
  background-color: rgba(255, 255, 255, 0.3);
  cursor: pointer; }

.sidebar-control:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 33%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  transition: .4s; }

.open .sidebar-control:after {
  width: 66%; }

.topbar .sidebar-control {
  width: 1.4rem;
  height: 1.4rem;
  flex-shrink: 0;
  margin-right: 1rem;
  order: 3; }

.topbar:before {
  content: '';
  order: 2;
  flex-grow: 2; }

.topbar #logo {
  order: 1; }

.topbar #sandwich {
  order: 4; }

.navbar .sidebar-control {
  width: 1.4rem;
  height: 1.4rem;
  margin-left: 1rem; }

/*#endregion*/
@media (max-width: 1000px) {
  /** tablettes + smartphones **/
  body {
    margin: 0;
    width: 100%; }
  #switcher-wide {
    display: none; } }

@media (max-width: 550px) {
  /** smartphone **/
  #sandwich {
    display: block; }
  #logo {
    top: 5rem; }
  .content {
    width: 100%; }
  body > .content > header {
    margin-top: 0; }
    body > .content > header .navbar {
      left: 0; }
    body > .content > header.opened .navbar {
      top: 0; }
  body > .content > header .navbar {
    display: block;
    position: fixed;
    top: -100vh;
    width: 100%;
    height: 100vh;
    flex-direction: column;
    transition: .4s;
    z-index: 110;
    background: black; }
  body > .content > header .navbar nav {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100% - 4.5rem); }
  body > .content > header .switchers {
    margin-right: 0;
    justify-content: center; }
  body > .content > header nav a, header .switcher {
    color: white;
    font-size: 1.2rem; }
  body > .content main * {
    scroll-margin-top: calc(4.5rem + 1.2rem); } }

@media (min-width: 551px) {
  /** tout sauf smartphone **/
  body > .content > header nav a.active {
    color: white;
    background: rgba(0, 0, 0, 0.9); } }

@media (min-width: 551px) and (max-height: 800px) {
  /** smartphone paysage **/
  body > .content > header {
    top: -4.5rem; }
  body main * {
    scroll-margin-top: calc(3rem + 1.2rem); } }

@media (min-width: 1150px) {
  /** grand écran **/
  #logo {
    font-size: 22rem; } }

.rgbShiftSlider {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  /*mix-blend-mode: hard-light;*/
  opacity: 0.85;
  width: 100vw;
  height: 100%;
  overflow: hidden;
  /*transform-origin : 50vw 300vh;*/
  transform-origin: 50% 50%; }

canvas {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100vw;
  height: 100%;
  mix-blend-mode: difference;
  pointer-events: none; }

#wallpaper {
  opacity: .2; }

#nnjzz {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  line-height: 100vh;
  text-align: center; }
  #nnjzz a {
    background-color: transparent;
    font-family: enfer, "Trebuchet MS", "Open Sans", sans-serif;
    text-shadow: 0 0 100vw rgba(255, 255, 255, 0.9);
    color: black;
    font-size: calc(10rem + 5vw);
    display: block;
    width: 100%;
    height: 15rem;
    opacity: 0;
    transition: opacity 2s;
    letter-spacing: -.063em; }
    #nnjzz a:hover {
      opacity: 1; }

.glitch {
  margin: 0 auto; }

@keyframes noise-anim {
  0% {
    opacity: 2;
    clip-path: polygon(0 63.5vh, 100% 63.5vh, 100% 60.5vh, 0 60.5vh); }
  1.66666667% {
    opacity: 2;
    clip-path: polygon(0 69.5vh, 100% 69.5vh, 100% 67.5vh, 0 67.5vh); }
  3.33333333% {
    opacity: 2;
    clip-path: polygon(0 78.5vh, 100% 78.5vh, 100% 79.5vh, 0 79.5vh); }
  5% {
    opacity: 2;
    clip-path: polygon(0 47vh, 100% 47vh, 100% 47vh, 0 47vh); }
  6.66666667% {
    opacity: 1;
    clip-path: polygon(0 92.5vh, 100% 92.5vh, 100% 73.5vh, 0 73.5vh); }
  8.33333333% {
    opacity: 1;
    clip-path: polygon(0 50vh, 100% 50vh, 100% 50vh, 0 50vh); }
  10% {
    opacity: 0;
    clip-path: polygon(0 80.5vh, 100% 80.5vh, 100% 84.5vh, 0 84.5vh); }
  11.66666667% {
    opacity: 0;
    clip-path: polygon(0 67vh, 100% 67vh, 100% 75vh, 0 75vh); }
  13.33333333% {
    opacity: 1;
    clip-path: polygon(0 55vh, 100% 55vh, 100% 59vh, 0 59vh); }
  15% {
    opacity: 0;
    clip-path: polygon(0 45.5vh, 100% 45.5vh, 100% 52.5vh, 0 52.5vh); }
  16.66666667% {
    opacity: 2;
    clip-path: polygon(0 55.5vh, 100% 55.5vh, 100% 47.5vh, 0 47.5vh); }
  18.33333333% {
    opacity: 2;
    clip-path: polygon(0 50.5vh, 100% 50.5vh, 100% 52.5vh, 0 52.5vh); }
  20% {
    opacity: 2;
    clip-path: polygon(0 79vh, 100% 79vh, 100% 67vh, 0 67vh); }
  21.66666667% {
    opacity: 1;
    clip-path: polygon(0 74.5vh, 100% 74.5vh, 100% 67.5vh, 0 67.5vh); }
  23.33333333% {
    opacity: 1;
    clip-path: polygon(0 31.5vh, 100% 31.5vh, 100% 27.5vh, 0 27.5vh); }
  25% {
    opacity: 2;
    clip-path: polygon(0 70.5vh, 100% 70.5vh, 100% 77.5vh, 0 77.5vh); }
  26.66666667% {
    opacity: 0;
    clip-path: polygon(0 68.5vh, 100% 68.5vh, 100% 80.5vh, 0 80.5vh); }
  28.33333333% {
    opacity: 0;
    clip-path: polygon(0 67vh, 100% 67vh, 100% 65vh, 0 65vh); }
  30% {
    opacity: 0;
    clip-path: polygon(0 80.5vh, 100% 80.5vh, 100% 78.5vh, 0 78.5vh); }
  31.66666667% {
    opacity: 2;
    clip-path: polygon(0 62.5vh, 100% 62.5vh, 100% 73.5vh, 0 73.5vh); }
  33.33333333% {
    opacity: 0;
    clip-path: polygon(0 50.5vh, 100% 50.5vh, 100% 56.5vh, 0 56.5vh); }
  35% {
    opacity: 0;
    clip-path: polygon(0 59vh, 100% 59vh, 100% 54vh, 0 54vh); }
  36.66666667% {
    opacity: 2;
    clip-path: polygon(0 55.5vh, 100% 55.5vh, 100% 49.5vh, 0 49.5vh); }
  38.33333333% {
    opacity: 1;
    clip-path: polygon(0 54.5vh, 100% 54.5vh, 100% 52.5vh, 0 52.5vh); }
  40% {
    opacity: 2;
    clip-path: polygon(0 54.5vh, 100% 54.5vh, 100% 53.5vh, 0 53.5vh); }
  41.66666667% {
    opacity: 0;
    clip-path: polygon(0 53.5vh, 100% 53.5vh, 100% 30.5vh, 0 30.5vh); }
  43.33333333% {
    opacity: 0;
    clip-path: polygon(0 42vh, 100% 42vh, 100% 33vh, 0 33vh); }
  45% {
    opacity: 1;
    clip-path: polygon(0 77.5vh, 100% 77.5vh, 100% 73.5vh, 0 73.5vh); }
  46.66666667% {
    opacity: 1;
    clip-path: polygon(0 53.5vh, 100% 53.5vh, 100% 72.5vh, 0 72.5vh); }
  48.33333333% {
    opacity: 2;
    clip-path: polygon(0 58.5vh, 100% 58.5vh, 100% 67.5vh, 0 67.5vh); }
  50% {
    opacity: 0;
    clip-path: polygon(0 54vh, 100% 54vh, 100% 66vh, 0 66vh); }
  51.66666667% {
    opacity: 1;
    clip-path: polygon(0 54vh, 100% 54vh, 100% 46vh, 0 46vh); }
  53.33333333% {
    opacity: 2;
    clip-path: polygon(0 48.5vh, 100% 48.5vh, 100% 58.5vh, 0 58.5vh); }
  55% {
    opacity: 1;
    clip-path: polygon(0 84vh, 100% 84vh, 100% 89vh, 0 89vh); }
  56.66666667% {
    opacity: 2;
    clip-path: polygon(0 59.5vh, 100% 59.5vh, 100% 54.5vh, 0 54.5vh); }
  58.33333333% {
    opacity: 1;
    clip-path: polygon(0 56.5vh, 100% 56.5vh, 100% 63.5vh, 0 63.5vh); }
  60% {
    opacity: 1;
    clip-path: polygon(0 85.5vh, 100% 85.5vh, 100% 75.5vh, 0 75.5vh); }
  61.66666667% {
    opacity: 0;
    clip-path: polygon(0 30.5vh, 100% 30.5vh, 100% 26.5vh, 0 26.5vh); }
  63.33333333% {
    opacity: 1;
    clip-path: polygon(0 83.5vh, 100% 83.5vh, 100% 65.5vh, 0 65.5vh); }
  65% {
    opacity: 0;
    clip-path: polygon(0 79vh, 100% 79vh, 100% 69vh, 0 69vh); }
  66.66666667% {
    opacity: 2;
    clip-path: polygon(0 58.5vh, 100% 58.5vh, 100% 52.5vh, 0 52.5vh); }
  68.33333333% {
    opacity: 1;
    clip-path: polygon(0 65.5vh, 100% 65.5vh, 100% 49.5vh, 0 49.5vh); }
  70% {
    opacity: 1;
    clip-path: polygon(0 50.5vh, 100% 50.5vh, 100% 54.5vh, 0 54.5vh); }
  71.66666667% {
    opacity: 1;
    clip-path: polygon(0 63.5vh, 100% 63.5vh, 100% 60.5vh, 0 60.5vh); }
  73.33333333% {
    opacity: 2;
    clip-path: polygon(0 46vh, 100% 46vh, 100% 48vh, 0 48vh); }
  75% {
    opacity: 2;
    clip-path: polygon(0 88.5vh, 100% 88.5vh, 100% 93.5vh, 0 93.5vh); }
  76.66666667% {
    opacity: 1;
    clip-path: polygon(0 90.5vh, 100% 90.5vh, 100% 92.5vh, 0 92.5vh); }
  78.33333333% {
    opacity: 2;
    clip-path: polygon(0 54.5vh, 100% 54.5vh, 100% 67.5vh, 0 67.5vh); }
  80% {
    opacity: 0;
    clip-path: polygon(0 59vh, 100% 59vh, 100% 42vh, 0 42vh); }
  81.66666667% {
    opacity: 1;
    clip-path: polygon(0 58.5vh, 100% 58.5vh, 100% 49.5vh, 0 49.5vh); }
  83.33333333% {
    opacity: 0;
    clip-path: polygon(0 68vh, 100% 68vh, 100% 72vh, 0 72vh); }
  85% {
    opacity: 2;
    clip-path: polygon(0 73.5vh, 100% 73.5vh, 100% 68.5vh, 0 68.5vh); }
  86.66666667% {
    opacity: 1;
    clip-path: polygon(0 64.5vh, 100% 64.5vh, 100% 69.5vh, 0 69.5vh); }
  88.33333333% {
    opacity: 2;
    clip-path: polygon(0 55.5vh, 100% 55.5vh, 100% 42.5vh, 0 42.5vh); }
  90% {
    opacity: 2;
    clip-path: polygon(0 51.5vh, 100% 51.5vh, 100% 45.5vh, 0 45.5vh); }
  91.66666667% {
    opacity: 2;
    clip-path: polygon(0 86vh, 100% 86vh, 100% 76vh, 0 76vh); }
  93.33333333% {
    opacity: 1;
    clip-path: polygon(0 73vh, 100% 73vh, 100% 83vh, 0 83vh); }
  95% {
    opacity: 0;
    clip-path: polygon(0 88.5vh, 100% 88.5vh, 100% 71.5vh, 0 71.5vh); }
  96.66666667% {
    opacity: 2;
    clip-path: polygon(0 54.5vh, 100% 54.5vh, 100% 54.5vh, 0 54.5vh); }
  98.33333333% {
    opacity: 1;
    clip-path: polygon(0 51vh, 100% 51vh, 100% 57vh, 0 57vh); }
  100% {
    opacity: 2;
    clip-path: polygon(0 54vh, 100% 54vh, 100% 59vh, 0 59vh); } }

.glitch:after {
  content: attr(data-text);
  position: fixed;
  width: 100vw;
  left: .08em;
  text-shadow: -0.08em 0 rgba(255, 255, 255, 0.2);
  top: 0;
  color: black;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  animation: noise-anim 6s infinite linear alternate-reverse; }

@keyframes noise-anim-2 {
  0% {
    opacity: 0;
    clip-path: polygon(0 80.5vh, 100% 80.5vh, 100% 87.5vh, 0 87.5vh); }
  1.66666667% {
    opacity: 2;
    clip-path: polygon(0 45vh, 100% 45vh, 100% 43vh, 0 43vh); }
  3.33333333% {
    opacity: 0;
    clip-path: polygon(0 53.5vh, 100% 53.5vh, 100% 56.5vh, 0 56.5vh); }
  5% {
    opacity: 0;
    clip-path: polygon(0 82.5vh, 100% 82.5vh, 100% 83.5vh, 0 83.5vh); }
  6.66666667% {
    opacity: 2;
    clip-path: polygon(0 77.5vh, 100% 77.5vh, 100% 69.5vh, 0 69.5vh); }
  8.33333333% {
    opacity: 1;
    clip-path: polygon(0 76vh, 100% 76vh, 100% 78vh, 0 78vh); }
  10% {
    opacity: 2;
    clip-path: polygon(0 65vh, 100% 65vh, 100% 61vh, 0 61vh); }
  11.66666667% {
    opacity: 1;
    clip-path: polygon(0 35vh, 100% 35vh, 100% 42vh, 0 42vh); }
  13.33333333% {
    opacity: 0;
    clip-path: polygon(0 51vh, 100% 51vh, 100% 59vh, 0 59vh); }
  15% {
    opacity: 2;
    clip-path: polygon(0 54.5vh, 100% 54.5vh, 100% 46.5vh, 0 46.5vh); }
  16.66666667% {
    opacity: 2;
    clip-path: polygon(0 47.5vh, 100% 47.5vh, 100% 57.5vh, 0 57.5vh); }
  18.33333333% {
    opacity: 2;
    clip-path: polygon(0 84.5vh, 100% 84.5vh, 100% 82.5vh, 0 82.5vh); }
  20% {
    opacity: 2;
    clip-path: polygon(0 74.5vh, 100% 74.5vh, 100% 75.5vh, 0 75.5vh); }
  21.66666667% {
    opacity: 2;
    clip-path: polygon(0 54.5vh, 100% 54.5vh, 100% 60.5vh, 0 60.5vh); }
  23.33333333% {
    opacity: 2;
    clip-path: polygon(0 66.5vh, 100% 66.5vh, 100% 73.5vh, 0 73.5vh); }
  25% {
    opacity: 0;
    clip-path: polygon(0 47vh, 100% 47vh, 100% 43vh, 0 43vh); }
  26.66666667% {
    opacity: 0;
    clip-path: polygon(0 76vh, 100% 76vh, 100% 67vh, 0 67vh); }
  28.33333333% {
    opacity: 0;
    clip-path: polygon(0 54vh, 100% 54vh, 100% 58vh, 0 58vh); }
  30% {
    opacity: 2;
    clip-path: polygon(0 50.5vh, 100% 50.5vh, 100% 47.5vh, 0 47.5vh); }
  31.66666667% {
    opacity: 1;
    clip-path: polygon(0 95.5vh, 100% 95.5vh, 100% 86.5vh, 0 86.5vh); }
  33.33333333% {
    opacity: 2;
    clip-path: polygon(0 49.5vh, 100% 49.5vh, 100% 44.5vh, 0 44.5vh); }
  35% {
    opacity: 1;
    clip-path: polygon(0 75vh, 100% 75vh, 100% 79vh, 0 79vh); }
  36.66666667% {
    opacity: 1;
    clip-path: polygon(0 90vh, 100% 90vh, 100% 82vh, 0 82vh); }
  38.33333333% {
    opacity: 0;
    clip-path: polygon(0 49.5vh, 100% 49.5vh, 100% 47.5vh, 0 47.5vh); }
  40% {
    opacity: 1;
    clip-path: polygon(0 77vh, 100% 77vh, 100% 72vh, 0 72vh); }
  41.66666667% {
    opacity: 2;
    clip-path: polygon(0 82vh, 100% 82vh, 100% 80vh, 0 80vh); }
  43.33333333% {
    opacity: 0;
    clip-path: polygon(0 54vh, 100% 54vh, 100% 53vh, 0 53vh); }
  45% {
    opacity: 1;
    clip-path: polygon(0 55.5vh, 100% 55.5vh, 100% 53.5vh, 0 53.5vh); }
  46.66666667% {
    opacity: 2;
    clip-path: polygon(0 41vh, 100% 41vh, 100% 53vh, 0 53vh); }
  48.33333333% {
    opacity: 2;
    clip-path: polygon(0 60vh, 100% 60vh, 100% 59vh, 0 59vh); }
  50% {
    opacity: 1;
    clip-path: polygon(0 33.5vh, 100% 33.5vh, 100% 30.5vh, 0 30.5vh); }
  51.66666667% {
    opacity: 1;
    clip-path: polygon(0 33vh, 100% 33vh, 100% 35vh, 0 35vh); }
  53.33333333% {
    opacity: 1;
    clip-path: polygon(0 79.5vh, 100% 79.5vh, 100% 83.5vh, 0 83.5vh); }
  55% {
    opacity: 0;
    clip-path: polygon(0 72vh, 100% 72vh, 100% 67vh, 0 67vh); }
  56.66666667% {
    opacity: 0;
    clip-path: polygon(0 45vh, 100% 45vh, 100% 54vh, 0 54vh); }
  58.33333333% {
    opacity: 1;
    clip-path: polygon(0 39.5vh, 100% 39.5vh, 100% 40.5vh, 0 40.5vh); }
  60% {
    opacity: 0;
    clip-path: polygon(0 58.5vh, 100% 58.5vh, 100% 54.5vh, 0 54.5vh); }
  61.66666667% {
    opacity: 1;
    clip-path: polygon(0 64vh, 100% 64vh, 100% 58vh, 0 58vh); }
  63.33333333% {
    opacity: 2;
    clip-path: polygon(0 84vh, 100% 84vh, 100% 86vh, 0 86vh); }
  65% {
    opacity: 2;
    clip-path: polygon(0 64vh, 100% 64vh, 100% 72vh, 0 72vh); }
  66.66666667% {
    opacity: 1;
    clip-path: polygon(0 67vh, 100% 67vh, 100% 65vh, 0 65vh); }
  68.33333333% {
    opacity: 0;
    clip-path: polygon(0 52vh, 100% 52vh, 100% 51vh, 0 51vh); }
  70% {
    opacity: 0;
    clip-path: polygon(0 85vh, 100% 85vh, 100% 90vh, 0 90vh); }
  71.66666667% {
    opacity: 1;
    clip-path: polygon(0 59vh, 100% 59vh, 100% 61vh, 0 61vh); }
  73.33333333% {
    opacity: 2;
    clip-path: polygon(0 55.5vh, 100% 55.5vh, 100% 44.5vh, 0 44.5vh); }
  75% {
    opacity: 1;
    clip-path: polygon(0 72vh, 100% 72vh, 100% 66vh, 0 66vh); }
  76.66666667% {
    opacity: 1;
    clip-path: polygon(0 76vh, 100% 76vh, 100% 78vh, 0 78vh); }
  78.33333333% {
    opacity: 0;
    clip-path: polygon(0 79vh, 100% 79vh, 100% 85vh, 0 85vh); }
  80% {
    opacity: 0;
    clip-path: polygon(0 69.5vh, 100% 69.5vh, 100% 76.5vh, 0 76.5vh); }
  81.66666667% {
    opacity: 1;
    clip-path: polygon(0 100vh, 100% 100vh, 100% 91vh, 0 91vh); }
  83.33333333% {
    opacity: 1;
    clip-path: polygon(0 62.5vh, 100% 62.5vh, 100% 61.5vh, 0 61.5vh); }
  85% {
    opacity: 0;
    clip-path: polygon(0 57vh, 100% 57vh, 100% 61vh, 0 61vh); }
  86.66666667% {
    opacity: 1;
    clip-path: polygon(0 35.5vh, 100% 35.5vh, 100% 39.5vh, 0 39.5vh); }
  88.33333333% {
    opacity: 1;
    clip-path: polygon(0 69.5vh, 100% 69.5vh, 100% 60.5vh, 0 60.5vh); }
  90% {
    opacity: 2;
    clip-path: polygon(0 87vh, 100% 87vh, 100% 89vh, 0 89vh); }
  91.66666667% {
    opacity: 2;
    clip-path: polygon(0 44vh, 100% 44vh, 100% 41vh, 0 41vh); }
  93.33333333% {
    opacity: 0;
    clip-path: polygon(0 79vh, 100% 79vh, 100% 85vh, 0 85vh); }
  95% {
    opacity: 0;
    clip-path: polygon(0 68vh, 100% 68vh, 100% 77vh, 0 77vh); }
  96.66666667% {
    opacity: 1;
    clip-path: polygon(0 55.5vh, 100% 55.5vh, 100% 64.5vh, 0 64.5vh); }
  98.33333333% {
    opacity: 2;
    clip-path: polygon(0 51vh, 100% 51vh, 100% 49vh, 0 49vh); }
  100% {
    opacity: 0;
    clip-path: polygon(0 48vh, 100% 48vh, 100% 47vh, 0 47vh); } }

.glitch:before {
  content: attr(data-text);
  position: fixed;
  width: 100vw;
  left: -.05em;
  text-shadow: 0.08em 0 rgba(255, 255, 255, 0.15);
  top: 0;
  color: black;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  animation: noise-anim-2 9s infinite linear alternate-reverse; }

.news section.single, #page_nur section.single {
  display: flex; }
  .news section.single > div > h1:first-of-type, #page_nur section.single > div > h1:first-of-type {
    margin-top: 0; }
  .news section.single .button, #page_nur section.single .button {
    background-color: #1A1A1A;
    padding: 1rem 2.6rem .6rem 1.4rem;
    display: inline-block;
    position: relative;
    color: #CCCFCA;
    font-weight: bold;
    white-space: nowrap;
    text-transform: uppercase;
    float: left;
    margin-top: 0;
    padding-left: 2em;
    padding-right: .8rem; }
    .news section.single .button::after, #page_nur section.single .button::after {
      content: "";
      display: block;
      position: absolute;
      width: .5rem;
      height: .5rem;
      border: 2px solid #CCCFCA;
      border-width: 0 2px 2px 0;
      left: calc(100% - 1.5rem);
      top: calc(50% - .25rem);
      transform: rotate(-45deg);
      transition: transform .5s; }
    .news section.single .button:hover, #page_nur section.single .button:hover {
      background-color: #292929;
      color: #CCCFCA; }
      .news section.single .button:hover::after, #page_nur section.single .button:hover::after {
        transform: rotate(315deg); }
    .news section.single .button::after, #page_nur section.single .button::after {
      left: 1em;
      transform: rotate(135deg); }
  @media (min-width: 451px) {
    .news section.single, #page_nur section.single {
      gap: var(--internal-margin); }
      .news section.single > div, #page_nur section.single > div {
        flex-basis: 50%; } }
  @media (max-width: 450px) {
    .news section.single, #page_nur section.single {
      flex-direction: column;
      gap: var(--internal-margin); } }
.news section.single > div * {
  text-align: right; }

@media (min-width: 451px) {
  .news section.single {
    flex-direction: row-reverse; } }

#page_home .content {
  display: none; }

#page_home #nnjzz {
  display: block; }

#page_news main {
  padding-top: var(--internal-margin); }
  #page_news main ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--internal-margin); }
    #page_news main ul li {
      list-style: none;
      flex-basis: 100%;
      font-size: 1rem; }
      #page_news main ul li::before {
        display: none; }
      #page_news main ul li a {
        display: flex;
        gap: var(--internal-margin); }
        #page_news main ul li a:hover img {
          transform: scale(2, 2); }
        #page_news main ul li a div {
          flex-grow: 0;
          flex-shrink: 1; }
          #page_news main ul li a div:first-child {
            flex-basis: 160px;
            aspect-ratio: 1/1;
            overflow: hidden; }
          #page_news main ul li a div img {
            width: 100%;
            height: auto;
            transition-duration: 0.4s; }
    @media (max-width: 1200px) {
      #page_news main ul li {
        flex-basis: 100%;
        font-size: .8rem; }
        #page_news main ul li div {
          width: 100%;
          position: relative; }
          #page_news main ul li div:last-child {
            padding: 0;
            overflow: hidden;
            max-height: calc(48vw - 4.5rem); } }
  #page_news main .date {
    color: rgba(230, 230, 230, 0.6);
    margin-bottom: 0; }
  #page_news main h3 {
    color: #CCCFCA;
    font-weight: bold;
    margin: .8em 0; }
  #page_news main h4 {
    color: rgba(230, 230, 230, 0.6);
    margin: 0; }
  #page_news main .description {
    color: rgba(230, 230, 230, 0.4); }

#page_news .single {
  display: flex;
  gap: 1rem; }
  #page_news .single > div {
    flex-grow: 1;
    width: 50%; }

@media (max-width: 550px) {
  #page_news .single {
    flex-direction: column; }
    #page_news .single > div {
      width: 100%; } }

/* #region FIX ANCHOR OFFSET */
main * {
  scroll-margin-top: calc(4.5rem + 3rem + 1.2rem); }

/*#endregion*/