body {
  margin: 0; /* Ważne: usuwa domyślny margines przeglądarki */
  min-height: 100vh; /* Zapewnia, że tło pokrywa całą wysokość widoku */
  background: linear-gradient(45deg, #808080, #000000);
  /* 45deg to kąt gradientu.
     #808080 to szary kolor początkowy.
     #000000 to czarny kolor końcowy. */
}
#tekst
{
position: fixed;
top: 5%;
left: 30%;
width: 400px;
height: auto; 
background-color:  #ffffff;
padding: 10px 10px 10px 10px;
text-align: center;
font-size: 20px;
border-radius: 10px;
border: 3px solid #10ad0e;box-shadow: 5px 5px 5px #ffffff;
}
#linki
{
position: fixed;
top: 15%;
left: 40%;
width: 400px;
height: auto; 
background-color:  #ffffff;
padding: 10px 10px 10px 10px;
text-align: center;
font-size: 20px;
border-radius: 10px;
border: 3px solid #10ad0e;box-shadow: 5px 5px 5px #ffffff;
}
#home
{
position: fixed;
top: 80%;
left: 44%;
width: auto;
height: auto; 
background-color:  #ffffff;
padding: 10px 10px 10px 10px;
text-align: center;
font-size: 20px;
border-radius: 10px;
border: 3px solid #10ad0e;box-shadow: 5px 5px 5px #ffffff;
}

#linki2
{
position: fixed;
top: 80%;
left: 55%;
width: 100px;
height: 100px; 
background-color:  #ffffff;
padding: 20px 20px 20px 20px;
text-align: center;
font-size: 20px;
border-radius: 10px;
border: 3px solid #10ad0e;box-shadow: 5px 5px 5px #ffffff;
}

#tekst1
{
position: fixed;
top: 5%;
left: 48%;
width: auto;
height: auto; 
padding: 20px 20px 20px 20px;
text-align: center;
background-color:  #ffffff;
font-size: 20px;
border-radius: 10px;
border: 3px solid #10ad0e;box-shadow: 5px 5px 5px #ffffff;
}
.container {
  display: grid;
  grid-template-columns: 100px 10px 100px;
  grid-auto-rows: minmax(50px, auto); /* Automatyczna wysokość dla każdego elementu */
  gap: 10px; /* Odstęp między kolumnami i wierszami */
}