body{
    background-color: rgb(19, 19, 39);
    color: rgba(245, 245, 245, 0.938);
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 20px;
}

#kontener{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.pros_gora_dol{
    width: 960px;
    margin: 20px;
    text-align: center;  /*umiejcowienie tekstu */ 
}
.kwadrat{
    width: 50%;
    float: left;
}
#logo{
    float: left;
    font-family: 'Times New Roman', Times, serif;
    font-size: 70px;
    width: 600px;
    margin-top: 10px;  /*margines góra dół */
    margin-bottom: 10px; /*margines */
    text-align: left;   /*umiejcowienie tekstu */
    
}
#zegar{
    float: left;
    font-family: 'Times New Roman', Times, serif;
    font-size: 70px;
    margin-top: 10px;  /*margines góra dół */
    margin-bottom: 10px; /*margines */
    text-align: left; 
    
}

.tile1{
    margin: 10px;
    width: 230px;
    height: 142px;
    background-color: rgb(6, 6, 180);
    float: left;
    text-align: center;
}
.tile1:hover{
    background-color: rgb(70, 70, 180);
}

.tile2{
    margin: 10px;
    width: 230px;
    height: 142px;
    background-color:#666666;
    float: left;
    text-align: center;
}

.tile2:hover{
    background-color: #555555;
}

.tile3{
    margin: 10px;
    width: 230px;
    height: 142px;
    background-color:#197e29;
    float: left;
    text-align: center;
}
.tile3:hover{
    background-color: #086d18;
}

.tile4{
    margin: 10px;
    width: 420px;   /*ponieważ mam padding to muszę zmniejszyć rozmar kafelka */
    height: 82px;   /*ponieważ mam padding to muszę zmniejszyć rozmar kafelka */
    background-color:#9c7905;
    text-align: center;
    font-size: 18px;
    padding: 30px;  /* wypełnienie komóki  */
    line-height: 130%;         /* odstęp międzu wirszami */
}
.tile5{
    margin: 10px;
    width: 460px;
    height: 284px;
    background-color:#666666;
    text-align: left; 
    font-size: 16px;
    line-height: 110%;
    padding: 10px;  
}

.yt{
    margin: 10px;
    width: 105px;
    height: 142px;
    background-color:#d94348;
    float: left;
}
.yt:hover{
    background-color: #c83237;
}
.fb{
    margin: 10px;
    width: 105px;
    height: 142px;
    background-color:#4668b3;
    float: left;
}
.fb:hover{
    background-color: #3557c2;
}
.gp{
    margin: 10px;
    width: 105px;
    height: 142px;
    background-color:#d95333;
    float: left;
}
.gp:hover{
    background-color: #c84222;
}
.tw{
    margin: 10px;
    width: 105px;
    height: 142px;
    background-color:#3095d3;
    float: left;
}
.tw:hover{
    background-color: #2084c2;
}

a.tilelink{
    color: white;
    text-decoration: none;   /* udekorowanie tekstu u na bez udekorowania*/ 
    /*display: block;   html5 nie wymaga tych wpisów  /* zachowuj sie jak: u nas jak element blokowy*/
    /*width: 230px;    /* podanie wymiarów dla display: blok */
    /*height: 142px;  */
}