* { 
margin:0; 
padding:0; 
box-sizing:border-box; }
body 
{ 
font-family:Arial,sans-serif; 
background:#f4f4f4; 
}
header 
{ 
background-color: #006633;
  color: white;
  padding: 10px 40px 10px 40px; /* góra, prawa, dół, lewa */
  display: flex;
  align-items: center; 
}
.logo 
{ 
height:50px; 
margin-right:10px; 
}
.name 
{ 
font-size:22px; 
font-weight:bold; 
color:white; 
}
.top-banner 
{ 
 background-color: #000;   /* czarne tło */
  color: #fff;              /* biały kolor tekstu */
  font-size: 22px;          /* wielkość 22px */
  font-weight: bold;
  text-align: center;
  padding: 10px 0; 
}
nav ul 
{ 
display:flex; 
justify-content:center; 
background:#eee; 
padding:10px; 
list-style:none; 
}
nav a 
{ 
color:#D52B1E; 
font-weight:bold; 
padding:8px 12px; 
text-decoration:none; 
border:2px solid #006633;
 border-radius:4px; 
transition:.3s; 
}
nav a:hover 
{
background:#D52B1E; 
color:white; 
}
main 
{ padding:20px; 
text-align:center; 
}

.tiles-container 
{
  display: flex;
  justify-content: center;
  padding: 40px 20px;
}

.tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 20px;
  max-width: 800px;
  width: 100%;
}

.tile {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background-color: #006633;
  color: white;
  text-align: center;
  border-radius: 8px;
  font-weight: bold;
  text-decoration: none;
  transition: transform 0.2s, background-color 0.2s;
}

.tile:hover {
  transform: scale(1.05);
  background-color: #004d26;
}

.tile.red {
  background-color: #D52B1E;
}

.tile.green {
  background-color: #006633;
}
.links-section {
  background-color: #ffffff;
  padding: 20px;
  margin-top: 40px;
  border-radius: 8px;
  box-shadow: 0 0 10px #ccc;
}

.links-section h2 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #006633;
  text-align: center;
}

.links-list {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.links-list li a {
  color: #006633;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color 0.3s, border-color 0.3s;
}

.links-list li a:hover {
  color: #004d26;
  border-bottom: 2px solid #004d26;
}


/* Sekcja stopki wyśrodkowana na dole */
html, body {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.footer-section {
  margin-top: auto;
  background-color: #f4f4f4;
  padding: 20px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.footer-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.agh-footer-logo {
  height: 100px;
  margin-bottom: 10px;
}

.footer-text {
  font-size: 16px;
  color: #222;
  line-height: 1.5;
}