body {
		  font-family: 'Orbitron', sans-serif;
		  background-color: #0d1117;
		  color: #e6edf3;
		  margin: 0;
		}
		header {
		  background: linear-gradient(90deg, #1f6feb, #3c3f47);
		  padding: 40px 20px;
		  text-align: center;
		  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
		}
		header h1 {
		  margin: 0;
		  font-size: 2.5em;
		  color: #fff;
		}
		nav {
		  display: flex;
		  justify-content: center;
		  gap: 40px;
		  background-color: #161b22;
		  padding: 15px 0;
		  box-shadow: inset 0 -1px 0 #30363d;
		}
		nav a {
		  color: #8b949e;
		  text-decoration: none;
		  font-size: 1.1em;
		  transition: color 0.3s ease;
		  cursor: pointer;
		}
		nav a:hover {
		  color: #e6edf3;
		  text-shadow: 0 0 5px #58a6ff44;
		}
		.tab {
		  display: none;
		  max-width: 800px;
		  margin: 40px auto;
		  padding: 20px;
		  background-color: #161b22;
		  border-radius: 12px;
		  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
		}
		.active {
		  display: block;
		}
		h2 {
		  color: #58a6ff;
		  border-bottom: 1px solid #30363d;
		  padding-bottom: 10px;
		}
		p {
		  line-height: 1.6;
		}
		select, table, input, textarea {
		  margin-top: 10px;
		  width: 100%;
		}
		select, input, textarea {
		  padding: 8px;
		  background-color: #0d1117;
		  border: 1px solid #30363d;
		  color: #e6edf3;
		  border-radius: 6px;
		  font-size: 1em;
		}
		table {
		  border-collapse: collapse;
		  margin-top: 20px;
		}
		table, th, td {
		  border: 1px solid #30363d;
		}
		th, td {
		  padding: 10px;
		  text-align: center;
		}
		.player {
		  display: flex;
		  align-items: flex-start;
		  gap: 20px;
		  margin-bottom: 30px;
		  cursor: pointer;
		  text-decoration: none;
		  color: inherit;
		  transition: background 0.3s ease;
		  border-radius: 8px;
		  padding: 10px;
		}
		.player:hover {
		  background-color: #21262d;
		}
		.player img {
		  width: 100px;
		  height: 100px;
		  object-fit: cover;
		  border-radius: 12px;
		  border: 2px solid #30363d;
		  position: relative;
		}
		.player img::after {
		  content: '?';
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
		  font-size: 2em;
		  color: #e6edf3;
		}
		.player-info {
		  flex: 1;
		}
		.player-role {
		  color: #8b949e;
		  font-size: 1em;
		  margin-bottom: 5px;
		}
		.player-nick {
		  font-size: 1.2em;
		  font-weight: bold;
		  margin-bottom: 10px;
		}
		button[type="submit"] {
		  background-color: #58a6ff;
		  color: #0d1117;
		  border: none;
		  padding: 12px 20px;
		  font-size: 1.2em;
		  border-radius: 6px;
		  cursor: pointer;
		  transition: all 0.3s ease;
		  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
		}

		button[type="submit"]:hover {
		  background-color: #1f6feb;
		  color: #e6edf3;
		  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
		}

		button[type="submit"]:active {
		  background-color: #3c3f47;
		  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
		}
		#form label {
		  margin-bottom: 5px;
		  display: block;
		}
		#form input, #form select {
		  margin-bottom: 20px;
		  box-sizing:  border-box
		}
		#start{
		  background: rgba(22, 27, 34, 0.9);
		  padding: 40px;
		  border-radius: 16px;
		  margin: 40px auto;
		  box-shadow: 0 4px 20px rgba(0,0,0,0.5);
		 }
		#druzyna{
		  box-shadow: 0 4px 20px rgba(0,0,0,0.5);
		  margin: 40px auto;		  
		  padding: 40px;		
		} 
		#turnieje{
		  box-shadow: 0 4px 20px rgba(0,0,0,0.5);
		  margin: 40px auto;		  
		  padding: 40px;		
		} 
		#kontakt{
		  box-shadow: 0 4px 20px rgba(0,0,0,0.5);
		  margin: 40px auto;		  
		  padding: 40px;		
		} 
		#zgloszenia{
		  box-shadow: 0 4px 20px rgba(0,0,0,0.5);
		  margin: 40px auto;		  
		  padding: 40px;		
		} 	
		.playerin{
		  text-decoration: none; 
		  color: inherit;
		}
	   .player-profile {
		  display: flex;
		  flex-direction: row;
		  gap: 30px;
		  align-items: flex-start;
		}
		.player-profile img {
		  max-width: 250px;
		  border-radius: 10px;
		  box-shadow: 0 0 10px #00000033;
		}
		.player-info {
		  flex: 1;
		}
		.player-info h2 {
		  margin: 0;
		  font-size: 28px;
		}
		.player-role {
		  font-size: 20px;
		  color: #666;
		  margin-bottom: 20px;
		}
		.section {
		  margin-top: 20px;
		}
		.section h3 {
		  margin-bottom: 5px;
		  font-size: 20px;
		}
		.playerimg{
			width: 180px;
			height: 180px;
			margin-right: 20px;
		}
		header img{
			height: 40px;
			position: relative; 
			top: 8px;
			left: 3px;
		}
		a{
		  text-decoration: none; 
		  color: inherit;			
		}