/* ============================
   Podstawowe style strony
============================ */
body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 20px;
    background-color: #fff;
    text-align: center;
    color: #fff;
}

/* ============================
   Nagłówek
============================ */
h1 {
    font-size: 60px;
    font-weight: 900;
    margin-bottom: 50px;
    background: linear-gradient(315deg, red, orange, yellow, green, blue, purple);
    background-size: 400%;                /* większy gradient, płynniejsze przesuwanie */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
    animation: rainbow-text 2s linear infinite/*, glow 1.5s ease-in-out infinite alternate;*/;
}
/* tęcza przesuwa się */
@keyframes rainbow-text {
    0% { background-position: 0%; }
    100% { background-position: 100%; }
}
@media(max-width: 600px);

/* delikatne świecenie */
/*@keyframes glow {
    from { text-shadow: 0 0 5px currentColor, 0 0 10px currentColor; }
    to { text-shadow: 0 0 20px currentColor, 0 0 40px currentColor; }
}/* ============================
   Linki kolorowe
============================ */
a {
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    font-size: 30px;
    margin: 10px 5px;
    padding: 10px 20px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

a.black       { background-color: black; color: white; }
a.red         { background-color: red; color: white; }
a.orange      { background-color: orange; color: black; }
a.yellow      { background-color: yellow; color: black; }
a.koperkowy   { background-color: #6DBE45; color: white; }
a.grin        { background-color: green; color: white; }
a.blu         { background-color: blue; color: white; }
a.perpul      { background-color: purple; color: white; }
a.white       { background-color: #fff; color: black; font-size: 30px; display: none; /* easter egg ukryty */ }

a.black2       { color: white; font-size: 60px; font-weight: 1000; text-align: center; bottom: 0}
a.red2         { color: red; font-size: 60px; font-weight: 1000}
a.orange2      { color: orange; font-size: 60px; font-weight: 1000}
a.yellow2      { color: yellow; font-size: 60px; font-weight: 1000}
a.koperkowy2   { color: #6DBE45; font-size: 60px; font-weight: 1000}
a.grin2        { color: green; font-size: 60px; font-weight: 1000}
a.blu2         { color: blue; font-size: 60px; font-weight: 1000}
a.perpul2      { color: purple; font-size: 60px; font-weight: 1000}
a.white2       { color: white; font-size: 30px; display: none; font-size: 30px; font-weight: /* ea6ter egg ukryty */ 1000}

/* Hover efekt */
a:hover {
    transform: scale(1.1);
    box-shadow: 0 0 20px rgba(255,255,255,0.7);
}

/* ============================
   Literki g-e-j-o-w-a
============================ */
a.gejowa {
    font-size: 60px;
  font-weight: bold;
  background: linear-gradient(45deg, red, orange, yellow, green, blue, purple);
  background-size: 400%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: none;
  animation: rainbow 0.5s linear infinite
}

@keyframes glow {
    from { text-shadow: 0 0 5px #fff, 0 0 10px #fff; transform: scale(1); }
    to   { text-shadow: 0 0 15px currentColor, 0 0 30px currentColor; transform: scale(1.05); }
}
@keyframes rainbow {
  0% { background-position: 0%; }
  100% { background-position: 100%; }
}

/* ============================
   Stopka
============================ */
footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 -2px 5px rgba(0,0,0,0.2);
	text-shadow: 0 0 5px #fff;
    background-color: #000;
    color: #fff;
}

/* ============================
   Easter egg: łajt
============================ */
#easter-egg {
    display: none;
    animation: glow 1.5s infinite alternate;
    background-color: #fff;
    color: black;
    font-size: 20px;
    padding: 10px 20px;
	text-shadow: 0 0 5px #fff;
    border-radius: 8px;
}