body {
                                background: #e3e3e3;
                                background: linear-gradient(90deg,rgba(227, 227, 227, 1) 0%, rgba(255, 255, 255, 1) 93%, rgba(255, 255, 255, 1) 100%, rgba(237, 221, 83, 1) 100%);
                                height: 100vh;
                                margin: 0;
                                font-family: Arial, sans-serif;
			        padding: 40px; /* dodany padding */
				font-size: 24px;
                        }

                        .container {
                                display: flex;
                                gap: 10px; /* odstęp między obrazkami */
                                justify-content: center;
                                margin-top: 50px;
                        }

			.centered-box {
				max-width: 900px;
			        margin: 40px auto;
			        padding: 20px 30px;
			        background-color: rgba(255, 255, 255, 0.9);
			        backdrop-filter: blur(6px);
			        border-radius: 12px;
			        border: 2px solid #eddd53;
			        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
			        font-size: 30px;
			        color: #333;
			        text-align: center;
			}

                        .image-box img {
                                max-width: 500px;
                                height: auto;
                                display: block;
				margin: auto;
                                margin-bottom: 5px;
				margin-top: 5px
				text-align: center;
                        }

			.image-box {
				width: 820px;
				margin: 30px auto 10px auto;
				text-align: center;
				font-size: 26px;
			}

                        .top-nav {
                                position: sticky;
                                top: 0;
                                display: flex;
                                justify-content: space-around;
                                align-items: center;
                                background-color: rgba(255, 255, 255, 0.9);
                                backdrop-filter: blur(6px);
                                padding: 15px 0;
                                border-bottom: 2px solid #eddd53;
                                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
                                z-index: 1000;
                        }

                        .top-nav a {
                                flex: 1;
                                text-align: center;
                                text-decoration: none;
                                color: #333;
                                font-weight: bold;
                                padding: 12px 0;
                                transition: background-color 0.3s ease, color 0.3s ease;
                                border-radius: 10px;
                                margin: 0 10px;
                        }       

                        .top-nav a:hover {
                                background-color: #eddd53;
                                color: #000;
			}

			.top-nav a.active {
				background-color: #eddd53;
				color: #000
			}

			.site-footer {
 			        margin-top: 80px;
			        background-color: rgba(255, 255, 255, 0.9);
			        backdrop-filter: blur(6px);
			        padding: 20px;
			        text-align: center;
			        font-weight: bold;
			        color: #333;
			        border-top: 2px solid #eddd53;
			        border-radius: 0 0 20px 20px;
			        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
			}

			.styled-table {
			        width: 100%;
			        max-width: 900px;
			        margin: 40px auto;
			        border-collapse: collapse;
			        background-color: rgba(255, 255, 255, 0.9);
			        backdrop-filter: blur(4px);
			        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
			        border-radius: 12px;
			        overflow: hidden;
			        font-size: 16px;
			        color: #333;
			}

			.styled-table thead {
			        background-color: #eddd53;
			        color: #000;
			        font-weight: bold;
			        text-align: left;
			}

			.styled-table th,
			.styled-table td {
			        padding: 16px 20px;
			        border-bottom: 1px solid #ddd;
			}		
		
			.styled-table tbody tr:nth-child(even) {
			        background-color: #f9f9f9;
			}	

			.styled-table tbody tr:hover {
			        background-color: #f3f3f3;
			}