html, body {
			cursor: url('elswordCursor.png'), auto;
			height: 100vh;
			width: 100vw;
			padding: 0;
            margin: 0;
			overflow: hidden;
		}
        /* Podstawowe resetowanie marginesów i ustawienie tła z obrazka */
        body {
			
			/* Magia przyciemnienia! linear-gradient nakłada półprzezroczysty kolor na obrazek */
			background-image: 
			linear-gradient(rgba(26, 29, 51, 0.8), rgba(26, 29, 51, 0.8)), 
			url('background.jpg');
			
			/* Dopasowanie obrazka do ekranu */
			background-size: cover;       /* Sprawia, że obrazek pokrywa całą stronę */
			background-position: center;  /* Wyśrodkowuje obrazek */
			background-repeat: no-repeat; /* Zapobiega "kafelkowaniu" (powtarzaniu) obrazka */
			background-attachment: fixed; /* Tło stoi w miejscu, nawet jeśli strona jest przewijana */
			
            background-color: #1a1d33; /* Ciemnogranatowe tło */
            color: #ffffff;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
			width: 100vw;
			padding: 0;
            margin: 0;
			overflow: hidden;
        }

        /* Stylizacja tytułu ELSWORDLE */
        .title {
            color: #f14668; /* Malinowy róż */
            font-size: 3.5rem;
            letter-spacing: 3px;
            margin-bottom: 10px;
            text-transform: uppercase;
        }

        /* Stylizacja podtytułu */
        .subtitle {
            font-size: 1.2rem;
            margin-top: 0;
            margin-bottom: 50px;
        }

        /* Kontener na przyciski, żeby były obok siebie */
        .button-container {
            display: flex;
            gap: 20px;
        }

        /* Wygląd przycisków stylizowanych na przycisk "Guess!" */
        .mode-btn {
            background-color: #f14668;
            color: white;
            text-decoration: none;
            padding: 15px 40px;
            font-size: 1.2rem;
            font-weight: bold;
            border-radius: 5px;
            transition: background-color 0.2s, transform 0.1s;
            text-align: center;
            min-width: 120px;
        }

        /* Efekt po najechaniu myszką */
        .mode-btn:hover {
            background-color: #d13d5a;
            transform: scale(1.05);
			cursor: url('elswordCursor.png'), auto;
        }
		div:hover{
			cursor: url('elswordCursor.png'), auto;
		}