body
{
    
    margin:0;
    font-family: 'Zilla Slab', serif;
    background-color: #692516;
    color: white;
}
 
 
footer::selection,.kontakt::selection,.napis::selection,.napis>ul>li::selection,td::selection,h2::selection,p::selection,h1::selection,sub::selection,.p::selection,a::selection,h5::selection
{
    background-color: white;
       color: #692516;
}

img::selection
{
    background-color: white;
   
}
header > img
{
    float: left;
    width: 250px;
}


#nazwa
{
    word-spacing: 3px;
    letter-spacing: 5px;
  
    font-size: 58px;
    font-weight: 500;
    float: left;
    text-align: right;
    width:70%;
}
ol
{
    
    letter-spacing: 2px;
    display: inline-block;
    margin :0;
    transition: 1s;
    padding :0;
    list-style-type: none;
    font-size: 
    30px;
    height: 90px;
    line-height: 200%;
    
}

ol > li
{
    
    transition: 0.2s;
    height :60px;
    width:33%;
    float: left;
    letter-spacing:0.5px;
}
ol > li:first-child
{
    
}
ol > li:hover
{
    
    border-radius: 5px;
    cursor: pointer;
    background-color:  white;
 
  
}
ol>li:hover>a
{
    
    color: #692516;
}
ol > li >ul
{ 
    transition: 0.5s;
    list-style-type: none;
    padding:0;
    display:none;
    height: 25px;
}
ol > li >ul >li 
{
    background-color: rgb(196, 134, 134);
    position: relative;
    border-top: 1px solid white;
    z-index: 100;
    transition: 0.5s;
}
ol > li > ul > li:hover
{
    border-radius: 5px;
    
}
ol > li > ul > li:hover > a
{
    color:  #692516;
}
ol > li:hover >ul

{
    display:block;
}
nav
{


    width:100%;
    padding: 5px 0;
    padding-bottom: 10px;
    background-color: #692516;
    text-align: center;
    margin-top:20px;
    margin-bottom: 70px;
    
}
a
{
    transition: 0.2s;
    color:white;
    text-decoration: none;
}
main
{
    border:1px solid white;
   width:90%;
   margin-left:auto;
    margin-right:auto;
}

#cytat
{
    text-shadow: 8px 7px 9px #000000;
    float: left;
    font-size: 40px;
}
#cytat::selection
{
    background-color: white;
    color: #692516;
}
#logo
{
    
  width:150px;
}
.kwadrat
{   
    transition: 0.2s;
    float: left;
    color: #692516;
    margin-left: -4px;
    margin: 40px 2%;
    text-align: center;
    background-color: white;
    height: 110px;
    width: 120px;
    cursor: pointer;
    font-size: 20px;
    margin-left: 65px;
}

.kwadrat:hover
{
    
    border-radius: 13px;
}

.kwadrat > img 
{
    
    margin-top: 5px;
    width: 35px;
}

#kw
{   
    margin-left: 65px;
}
 

.kwadrat::selection
{
    color: white;
    background-color: #692516;;
}
footer
{
    margin: 45px 0;
    text-align: center;
    width: 100%;
}
Table
{

   text-transform: capitalize;
    text-align: center;
   width: 100%;
}
table.td
{
    width: 50%;
}
td { 
    font-size: 35px;
    padding: 10px 0 ;
    background-color: white;
    transition: 0.2s background-color;
    color: #692516; 
    width: 50%;
 }
 td:hover
 {

    cursor: pointer;
    background-color: #692516;
    color: white;
    list-style-type: white;
 }
 h5
 {

    font-size: 20px;
    margin: 0px;
    margin-left: 5px;
 }
 main > p
 {
    margin-left: 80px;
    text-align: center;
    font-size: 20px;
 }
 .kontakt
 {
    margin-left: 30px;
    font-size: 25px;
 }
 .kan
 {
    display: inline-block;
    text-align: center;
    display: inline-block;
    border: 1px solid white;
    margin-left: -4px;
    font-size: 18px;
    width: 50%;
    height: 35px;
    padding-top: 15px;
    cursor: pointer;
    transition: 0.2s;
    margin-top: 30px;
    margin-bottom: 30px;
 }
  .kan:hover
  {
    letter-spacing: 1px;
    background-color: white;
    color: #692516;
    border-radius: 15px;
  }
  #tu:hover
  {
    color: #99e;
    text-decoration: underline;
  }
  .ifn
  {
    width: 100%;
    margin: 0px;
  }
  h1
  {
    text-align: center;
    margin: 0;
  }
  .napis
  {
    margin: 20px;
    
    font-size: 35px;

  }
  td > a
  {
    color: #692516;

  }

td > a:hover
  {
    color: white;
    
  }
  .link:hover
  {
    color: white;
  }
  .tom:hover
  {
    color: white;
  }