.slideshow-container {
  width: 100%;
  height: 100vh;
  padding: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Hide the images by default */
  /* Next & previous buttons */
  /* Caption text */
  /* Number text (1/3 etc) */
  /* The dots/bullets/indicators */
  /* Fading animation */ }
  @media screen and (max-width: 1440px) {
    .slideshow-container {
      height: 100%; } }
  .slideshow-container.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000; }
    .slideshow-container.fullscreen .controls .fa-compress {
      display: inline-block; }
    .slideshow-container.fullscreen .controls .fa-expand {
      display: none; }
  .slideshow-container .mySlides {
    display: none;
    text-align: center; }
    .slideshow-container .mySlides figure {
      border: 0; }
      .slideshow-container .mySlides figure img {
        max-height: 95vh;
        box-shadow: -1em 0 3em #000;
        border-radius: 16px;
        -o-object-fit: cover;
           object-fit: cover; }
  .slideshow-container .controls {
    cursor: pointer;
    position: absolute;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: rgba(0, 0, 0, 0.1);
    /* Position the "next button" to the right */ }
    .slideshow-container .controls .fa-compress {
      display: none; }
    .slideshow-container .controls .fa-expand {
      display: inline-block; }
    .slideshow-container .controls.toggle-fullscreen {
      bottom: 20px;
      right: 20px; }
    .slideshow-container .controls.next-slide, .slideshow-container .controls.previous-slide {
      top: 50%; }
    .slideshow-container .controls:hover {
      background-color: rgba(0, 0, 0, 0.8); }
    .slideshow-container .controls.previous-slide {
      left: 20px; }
    .slideshow-container .controls.next-slide {
      right: 20px;
      border-radius: 3px 0 0 3px; }
  .slideshow-container .text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center; }
  .slideshow-container .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0; }
  .slideshow-container .dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease; }
  .slideshow-container .active, .slideshow-container .dot:hover {
    background-color: #717171; }
  .slideshow-container .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s; }

@-webkit-keyframes fade {
  from {
    opacity: .4; }
  to {
    opacity: 1; } }

@keyframes fade {
  from {
    opacity: .4; }
  to {
    opacity: 1; } }

body.arcade {
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-attachment: fixed; }
  body.arcade #gallery .game {
    height: 30vh;
    overflow: hidden; }
    body.arcade #gallery .game .game-wrapper {
      height: 100%; }
      body.arcade #gallery .game .game-wrapper picture {
        border: 0;
        overflow: hidden;
        height: 85%; }
        body.arcade #gallery .game .game-wrapper picture img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
      body.arcade #gallery .game .game-wrapper .title {
        padding: 5px;
        height: 15%;
        display: flex;
        align-items: center;
        justify-content: center; }
  body.arcade .game-content {
    background-image: url(/assets/background-dark-69abb12c73693835653fd2dfc4e8007ffaa942739ecbc580c1ffd4d2ec945d3d5a0c759bb1354d56da6d4c5b72ee0a3eb1035a5fa5b69e689fe8a057d6e8efa7.png);
    padding: 20px;
    box-shadow: -1em 0 3em #000;
    border-radius: 16px; }
    @media screen and (max-width: 1440px) {
      body.arcade .game-content {
        border-radius: 0; } }
    @media screen and (prefers-color-scheme: light) {
      body.arcade .game-content {
        background-image: url(/assets/background-9a500185eb47a03aba41a4eb3c38cfae7ffb17ecdf351eb8707b266155a2b837f8f2c95a564350015b48ba6f1d0012c0bbf9f25595779494a82d16bf3b45e70d.png); } }