body
{
   margin: 0px 0.5rem;
   padding: 0px;

   font-family: Noto Sans, Arial, Tahoma;
   text-align: justify;
   background-color: #FF7400;
}

header
{
   font-size: x-large;
}

header, footer, .pod-naglowkiem
{
   text-align: center;
}

div.pod-naglowkiem
{
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
}

article, .rss, #stopka
{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
   border-radius: 20px;
   border: 2px solid red;
   color: #000000;
   background-color: #FF9A00;
   display: inline-block;
}

#stopka
{
   margin-top: 0.5rem;
}

a:link
{
   text-decoration: none;
}

a:hover
{
   color: red;
   font-weight: bold;
}

.rss
{
   text-align: center;
   background-color: red;
   text-decoration: none;
   color: white;
   font-weight: bold;
}

span
{
   display: block;
}

h1, h2, h3, h4, p, a
{
   margin: 0px;
   padding: 0px;
}

ul, ol
{
   margin-top: 0px;
   margin-bottom: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
}

code
{
   font-weight: bold;
}

table, th, td
{
   border: 1px solid;
   border-collapse: collapse;
}

blockquote
{
   font-style: italic;
}

section
{
    display: grid;
    row-gap: 0.5rem;
    column-gap: 0.5rem;
    margin-top: 0.5rem;
}

@media (min-width: 2000px)
{
   section
   {
      grid-template-columns: repeat(4, minmax(0, 1fr));
   }

   section > h2
   {
       grid-column: span 4;
   }
}