html, body {
  padding: 0;
  margin: 0;
}

@font-face {
      font-family: 'PxPlus_IBM_VGA_8x14';
    src: url('https://lukaszmigura.neocities.org/PxPlus_IBM_VGA_8x14.ttf') format('truetype'),
  }

body {
  font-family: "PxPlus_IBM_VGA_8x14", monospace;
  font-weight: 100 !important;
  font-size: 22px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQBAMAAAFBYXjmAAAAMFBMVEUTExP///8CAgIDAwMEBAQFBQUGBgYHBwcICAgJCQkKCgoLCwsMDAwNDQ0ODg4PDw+5jhzRAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAGUlEQVQI12NgQAGCUMjIyICCcQEBICSBBAA0YgFNdKaWnQAAAABJRU5ErkJggg=='); 
}

* {
  cursor: url('data:image/x-icon;base64,AAACAAEAICAAAAAAAACoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAGAAAABgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAADAAAABUAAAAVAAAADAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAoAAAAcAAAALwAAAC4AAAAcAAAACQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAFQAAAC8AAABFAAAAQwAAACkAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAADAAAAAwAAAAAAAAAAAAAAAAAAAAr//////////wAAAFAAAABHAAAAKwAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACQAAAAwAAAAMAAAAAwAAAAAAAAAD/////wAAAP8AAAD//////wAAAD8AAAAiAAAACQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAATAAAAHAAAAB8AAAAMAAAAAwAAAAr/////AAAA/wAAAP//////AAAAMQAAABUAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkAAAAsAAAANQAAAB8AAAAP/////wAAAP8AAAD//////wAAAD8AAAAjAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////AAAAHAAAADUAAABIAAAANQAAACX/////AAAA/wAAAP//////AAAAMwAAABcAAAAEAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//////////AAAAOAAAAFEAAABI/////wAAAP8AAAD//////wAAAEUAAAAsAAAAEgAAAAgAAAAFAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////wAAAP//////AAAAVAAAAFH/////AAAA/wAAAP//////AAAARQAAADIAAAAeAAAAGQAAABAAAAAHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////AAAA/wAAAP///////////wAAAP8AAAD//////wAAAFUAAABMAAAAQgAAADYAAAAsAAAAGQAAAAkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAD/AAAA/wAAAP//////AAAA/wAAAP//////AAAAVQAAAFIAAABMAAAAQAAAAC0AAAAXAAAABwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA////////////////////////////AAAAHgAAAAsAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD//////wAAAB8AAAAMAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA//////8AAAAfAAAADAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////wAAAP8AAAD/AAAA/wAAAP8AAAD/AAAA/wAAAP//////AAAAHwAAAAwAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////AAAA/wAAAP8AAAD/AAAA/wAAAP8AAAD//////wAAAB8AAAAMAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAD/AAAA/wAAAP8AAAD/AAAA//////8AAAAfAAAADAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////wAAAP8AAAD/AAAA/wAAAP//////AAAAHwAAAAwAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////AAAA/wAAAP8AAAD//////wAAAB8AAAAMAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAD/AAAA//////8AAAAfAAAADAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////wAAAP//////AAAAHwAAAAwAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//////////wAAAAwAAAAMAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAADAAAAAwAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////////////////////////////////////////////////////////////P////h////4f///8P///fD///zh///8Yf///AP///wD///8AD///AB///wA///8Af///AP///wH///8D////B////w////8f////P////3////8='), auto;
}

.screen {
  padding: 0;

}
.screen:first-child {
  border-top: none;
}

.win {
  max-width: 65%;
  min-width: 300px;
  margin: 50px auto;
  padding: 50px 60px;
  box-shadow: 20px 20px 0 0 rgba(0, 0, 0, 0.8);
  position: relative; 
}

.dos8 .win:before, .dos8 .win:after {
  content: " ";
  position: absolute;
  border: 1px solid #000000;
  z-index: 1;
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
}
.dos8 .win:after {
  top: 22px;
  bottom: 22px;
  left: 22px;
  right: 22px;
}
.dos8 .win .caption {
  position: absolute;
  top: 14px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
}

.dos8 .win .caption .title {
  display: inline-block;
  padding-left: 1em;
  padding-right: 1em;
}
.dos8 .win strong {
  font-weight: normal;
}
.dos8 .win.dos {
  color: #ffffff;
  background-color: #000000;
}
.dos8 .win.dos:before, .dos8 .win.dos:after {
  border-color: #ffffff;
}
.dos8 .win.dos .caption .title {
  background-color: #000000;
}
.dos8 .win.dos a {
  color: #ffff00;
    background-color: rgb(0, 0, 0);
}
.dos8 .win.dos strong {
  color: #ffffff;
}

.horizontal-menu {
  display: flex;
  align-items: center; 
  background-color: transparent;
  padding: 0px 0;
  text-transform: uppercase;
  color: #fff;
  z-index: 2;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 6px;
  width: 100%;
  box-sizing: border-box;
  border: 0px dashed rgba(255,255,255,0.05);}

.horizontal-menu a {
  color: #fff !important;
  text-decoration: none;
  display: inline-block !important;
  min-width: 80px; 
  white-space: normal !important;
  padding: 4px 8px !important;
  font-weight: 100 !important;}

.horizontal-menu a:hover {
  color: #000 !important;
  background-color: #fff !important;
  padding: 0px 5px;}

.horizontal-menu a.horizontal-menu-active {
  color: #000 !important;
  background-color: #fff !important;
  padding: 0px 5px;}

.horizontal-menu,
.caption,
.screen,
.dos8,
.win {
  position: relative;}

.caption {
  z-index: 2; 
  font-weight: 100 !important;
}

.screen {
  z-index: 0; 
}

.contents,
.footer {
  position: relative;
  z-index: 2;}
.footer a {
  color: #000 !important;
  background-color: #fff !important;
  text-decoration: none !important;
  padding: 0px 5px;
  margin: 0px 2px;}

.footer a:hover {
  color: #fff !important;
  background-color: #000 !important;
  padding: 0px 5px;}
  
  .contents a {
  color: #000 !important;
  background-color: #fff !important;
  padding: 0px 5px;
  text-decoration: none !important;}
  .contents a:hover {
  color: #fff !important;
  text-decoration: none !important;
  padding: 0px 5px;
  background-color: #000 !important;}
  
  .contents img {
    width: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

  .blinking-cursor {
            font-weight: bold;
            font-size: 1em;
            color: #ffffff;
            background-color: rgb(0, 0, 0);
            font-family: 'PxPlus_IBM_VGA_8x14', monospace;
            animation: blink 1s step-end infinite;
            }

  @keyframes blink {
            from, to {
                visibility: hidden;
                      }
            50% {
                visibility: visible;
                }
            }
            
  h1, h2, h3 {
   font-weight: 100 !important; 
  }
  
  #current-page {
   font-weight: 100; 
  }
  
  .scrollable {
            height: 300px !important; /* Stała wysokość */
            overflow-y: auto !important; /* Przewijanie w pionie */
            border: 1px dashed #fff; /* Ramka dla pole */
            padding: 10px; /* Padding wewnętrzny */
        }
        
  .scrollable p {border-bottom: 1px dashed #fff; padding-bottom: 1.2em; margin-bottom: 5px;}
  
  .archive {
            list-style-type: none; /* Usuwa standardowe oznaczenia listy */
            padding: 0; /* Usuwa wcięcie */
            display: flex; /* Ustawia elementy w linii */
            flex-wrap: wrap; /* Umożliwia przenoszenie do nowej linii */
            justify-content: center; /* Wycentrowanie elementów */
        }
  .archive li {
            margin: 0 10px; /* Odstęp poziomy */
            position: relative; /* Ustawia kontekst dla pseudo-elementów */
            padding: 0 0; /* Dodaje odstęp na kreski */
            font-size: 1.2em;
        }
        

@media (max-width: 600px) {
  .horizontal-menu  {
                    flex-direction: column !important;
                    gap: 4px;
                    margin-right: 20px !important;
                    }
  .horizontal-menu a  {
                      width: 90%;
                      text-align: center;
                      min-width: 0;
                      }
  .archive {
    flex-direction: column; /* Ustawia elementy jeden pod drugim */
    align-items: center; /* Wycentrowanie elementów w kolumnie */}

  .archive li {
    padding: 0 5px; /* Dodaje odstęp na kreski */
    display: flex; /* Umożliwia wyśrodkowanie elementów */
    justify-content: center; /* Wyśrodkowanie treści w liście */
    margin: 10px 0; /* Odstęp góra-dół między elementami */}

  .archive li::before, 
  .archive li::after {
    margin: 0; /* Usuwa marginesy przed i po kreskach */}
}