@charset "UTF-8";

:root{                      /* coś z książki ??? */
  box-sizing:border-box;
}

*,                          /* coś z książki ??? */
:: before,
:: after{
  box-sizing: inherit;
}

body {
  font-size: 1.25em;   
  background-color: #C6DEFD;
  padding: 5px 20px 20px 20px;
}

/* body * + *{
     margin-top: 1.5em;
  }  */

.centrowaniestrony {
    max-width: 1080px;
    margin: 0 auto;
}

header {
    background-color: #c0cbe7;
    margin: 0.25em 0;
    letter-spacing: 1em;

}

header h2 {color:red;
           font-size: 1.5em;          
           margin: 0;
           padding: 0.15em 1em 0;
           text-align: right;          
}

header h1 {color:#FF00FF;
           font-size: 2.5em;
           text-align: center;
           margin: -0.25em 0 0;
           padding: 0 1em 0.15em;
}

nav {
    background-color: #c0cbe7;
    margin: -0.75em 0;
}

.modulglowny {
   display: flex;
}

article {
    background-image: radial-gradient(ellipse 50% 50% at 30% 30%, white, #BDD9FD);
    flex: 3 1 80%;
    display:flex;
    flex-wrap: wrap;
    align-content: center;

}

aside {
    background-color: #BDD9FD;    
    padding: .5em;
    border: 1px solid;
    flex: 1 0 202px;
}

.modul {
    background-color: transparent;
    margin: .75em .75em 0;
    flex: 1 1 18%;
}
.modulostatni {
    background-color: transparent;
    margin: 0 .5em;
    flex: 1 1 18%;
}


.modul p, .modulostatni p {
        margin-block-start: 0;
        margin-block-end: 0;
        padding: 0 1em;
}

.modulostatni p{
       font-size: .1em;          
}

.modul h1, h1 a {
    color: #000000; 
    padding 1em;
    border-radius: 2px; 
    text-decoration: none; 
    width: 80%; 
    margin-block-start: 0;
    margin-block-end: 0;
}

.modul h1 {
       font-size: 0.75em;
       text-align: center;   
}

h1 a {
      font-size: 1em; 
}

a {
    color: #111111; 
    font-size: 0.75em; 
    border-radius: 2px; 

 }


footer {
  background-color: #c0cbe7;
  font-size: 0.8em;
  font-style: italic;
  font-weight: 600;    
}



.srodek{
 text-align: center;    
}