*{
    margin:0;
    background-color: whitesmoke;
}
header{
    height:200px;
   
}
nav{
    width:20%;
    font-size: 110%;
 
    float:left;
}
main{
    width:80%;
 
 
    float:left;
 
}
footer{
    height:100px;
   
    clear: both;
}
 
h1{
    text-align: center;
    line-height:200px;
    font-size: 500%;
    padding-left: 40px;
    color:black;
    text-shadow:0 0 5px goldenrod;
}
footer>p{
    text-align:center;
    line-height:100px;
}
footer>p>a{
    text-decoration:none;
    color:black;
    font-weight:bold;
}
footer>p>a:hover{
    color:red
}
ul{
    list-style-type:none;
 
}
ul>li{
    padding-bottom:5px;
}
ul>li>a{
    text-decoration:none;
    color:blue;
    font-weight:bold;
 
}
ul>li>a:hover{
    color:red;
}
main>p{
    padding-right:30px;
}
table{
    width:500px;
    height:200px;
    margin: auto;
 
}
table,th,td{
    border: 2px solid black;
    text-align: center;
}
tr:hover{
   
    font-size: 1.2em;
    color:darkred;
    font-weight: bold;
}
#adres{
    text-align:center;
}
 
 
 
iframe{
    width:100%;
    height:200px;
    border:none;
}
 
#tryton{
    width:50%;
    margin:auto;
    display:block;
    border:5px double red;
    box-shadow:0 0 7px red;
}
#legendy{
    width:90%;
    margin:auto;
    border:5px solid black;

}

h2{
    text-align: center;
    font-weight: bold;
    color: black;
    text-shadow:0 0 3px blue;
    padding-right: 100px;
    font-size: 200%;
}
#text_center{
    text-align: center;
    padding-right: 100px;
    margin: auto;
    font-size: 150%;
}
#text_center2{
    text-align: center;
    padding-right: 100px;
    margin: auto;
    font-size: 150%;
}
#text_center3{
    text-align: center;
    padding-right: 100px;
    margin: auto;
    font-size: 150%;
}
#pomoc{
    text-align: center;
    font-weight: bold;
    color: black;
    text-shadow:0 0 3px gold;
    padding-right: 100px;
    font-size: 200%;
}
#obrona{
    text-align: center;
    font-weight: bold;
    color: black;
    text-shadow:0 0 3px red;
    padding-right: 100px;
    font-size: 200%;
}
#trofea{
    border: 2px solid black;
    text-align: center;
    width:70%;
    height:300px;
    margin: auto;
}

.large_text{
 font-size: 170%;
}
#youtube{
    width: 90%;
    height: 600px;
}
#mapa{
    width: 90%;
    height: 600px;    
}