body {
            font-family: Tahoma;                /*zmení font*/
            margin: 0;                          /*zruší vnútorné okraje*/
            padding: 0;                         
            cursor: default;                    /*zmení kurzor, avšak hodnotou default sa kurzor nemení*/
            background-color: lightskyblue;   /*zmení farbu pozadia*/
        }
        
        .navigacia {
            background-color: #333;           /*zmení farbu pozadia navigácie*/
            padding: 15px;
            color: #fff;                      /*zmení farbu textu*/
        }
        
                        .navigacia ul {
                            list-style-type: none;
                            margin: 0;                          /*zruší vnútorné okraje*/
                            padding: 0;
                            display: flex;
                            justify-content: space-around;
                        }
                        
                        .navigacia ul li {
                            display: inline;
                        }
                        
                        .navigacia ul li a {
                            color: white;                     /*zmení farbu textu*/
                            text-decoration: none;
                            padding: 8px 16px;
                            display: block;
                            font-size: 18px;
                        }
                        
                        .navigacia ul li a:hover {
                            background-color: #555;           /*zmení farbu pozadia navigácie*/
                            border-radius: 4px;
                        }
        

        dt {
            font-family: 'Franklin Gothic Medium';              /*zmení font textu*/
            text-align: center;                                 /*zarovná text na stred*/
        }
        dl{
            font-size: 20px;                                    /*zmení veľkosť písma*/
            text-align: center;                                 /*zarovná text na stred*/
        }
        
        dd {
            font-size: 20px;                                    /*zmení veľkosť písma*/
            margin: 10px;                       
            font-family: Tahoma;                                /*zmení font textu*/
            text-align: center;                                 /*zarovná text na stred*/
        }

        h1 {    
            font-family: 'Franklin Gothic Medium';              /*zmení font textu*/
            text-align: center;                                 /*zarovná text na stred*/
        }
        
        h2 {
            font-family: 'Franklin Gothic Medium';              /*zmení font textu*/
            text-align: center                                  /*zarovná text na stred*/    
        }

        h3 {
            font-family: 'Franklin Gothic Medium';              /*zmení font textu*/
            text-align: center;                                 /*zarovná text na stred*/
            color: navy;                                      /*zmení farbu textu*/
        }

        .vacsi-text {
            font-size: 20px;                                    /*zmení veľkosť textu*/
            text-align: center;                                 /*zarovná text na stred*/
            font-family: Tahoma;                                /*zmení font textu*/
        }

        .text-stred {
            text-align: center;                                 /*zarovná text na stred*/
            font-family: Tahoma;                                /*zmení font textu*/
        }

        section {
            margin-right: 300px;                                /*nastavuje pravý okraj*/
            margin-left: 300px;                                 /*nastavuje ľavý okraj*/
        }

        .logo {
            width: 100px;                                       /*určuje veľkosť obrázka*/
        }

        .hr-kluby {
            width: 1000px;                                      /*určuje šírku čiary*/
            color: black;                                     /*zmení farbu*/
          }
        
        .hr-hlavna {
            width: 350px;                                       /*určuje širku čiary*/
            color: lightpink;                                 /*zmení farbu*/
        }

        .hr-footer {
            width: auto;                                        /*určuje šírku čiary*/
            color: lightpink;                                 /*zmení farbu*/
        }

        .sipka {
            width: 30px;                                        /*určuje veľkosť obrázka*/
            margin: auto;                                       /*automaticky zarovná obrázok*/
            display: flex;                                      /*použije flexbox na usporiadanie obsahu*/
            justify-content: center;                            /*zarovná celý obsah na stred*/
        }

        .hokejisti {
                width: 75%;                                     /*zmení veľkosť tabuľky*/
                border-collapse: separate;                      /*vymaže hranicu medzi bunkami*/
                border-spacing: 0;                              /*určuje vzdialenosť medzi bunkami - platí len keď je určený príkaz border-collapse*/
                border: 2px solid black;                      /*mení hrúbku borderu*/
                margin-right: auto;                             /*automatické zarovnanie vpravo*/
                margin-left: auto;                              /*automatické zarovnanie vľavo*/

            }
    
                        .hokejisti th, .hokejisti td, .hokejisti tr, .hokejisti tbody {
                            position: relative;
                            padding: 5px;                       /*mení vnútorné osadenie*/
                            text-align: center;                 /*zarovná text na stred*/             
                            border-bottom: 1px solid black;   /*mení veľkosť vonkajšej hranice tabuľky*/
                            
                        }

                        .table-container {
                            max-width: 600px;                   /*určuje maximálnu možnú veľkosť*/                   
                        }

                        .hokejisti th::after {
                            content: " 🏒";
                            position: absolute;
                            right: 5px;                         /*zarovnanie textu vpravo*/
                            font-size: 12px;                    /*mení veľkosť písma*/                        
                        }
                        
                        .hokejisti thead th {
                            position: sticky;                   /*fixne pozíciu headeru tabuľky*/
                            top: 0;
                            background-color: #333;           /*zmení farbu pozadia*/
                            color: white;                     /*zmení veľkosť písma*/
                            z-index: 2;
                        }
                        

                        .hokejisti tr:hover {
                            color: white;                      /*mení farbu písma*/
                            background-color: black;           /*mení farbu pozadia*/
                        }

            .hlavne-logo {
                width: 100px;                                    /*mení veľkosť obrázka*/                                   
            }

            .main-navi {
                display: flex;                                   /*použije flexbox na usporiadanie obsahu*/             
                flex-direction: column;                          /*určuje zarovnanie navigácie*/
            }

            .aside-navi {
                display: inline-flex;
                unicode-bidi: isolate;
                position: fixed;                                 /*fixne pozíciu navigácie*/
                font-family: 'Franklin Gothic Medium';           /*mení font textu*/
            }

            .ul-navi {
                font-size: 13px;                                 /*mení veľkosť písma*/
            }

            mark {
                background-color: lightgray;                   /*mení farbu pozadia textu*/
            }

            .obrazkova-mapa {
                width: 500px;                                    /*mení veľkosť obrázka*/
                display: block;
                margin: 0 auto; 
            }
            
            .zapad-vychod-tabulka {
                width: 75%;                                      /*nastaví veľkosť tabuľky*/
                border-collapse: collapse;                       /*vymaže hranicu medzi bunkami*/
                margin-right: auto;                              /*automaticky zarovná tabuľku doprava*/
                margin-left: auto;                               /*automaticky zarovná tabuľku doprava*/
                }
    
                            .zapad-vychod-tabulka th, td, tr {
                            padding: 5px;                        /*mení vnútorné osadenie*/
                            text-align: center;                  /*zarovná text na stred*/
                            vertical-align: middle;              /*zarovná text v tabulke do stredu*/
                            border-bottom: 1px solid black;    /*mení veľkosť a farbu vonkajšieho ohraničenia*/
                            }

            .obr-zvacsenie {
                transition: transform 0.3s ease-in-out; 
                width: 100%;  /*nastaví šírku*/
                max-width: 500px; /*určuje maximálnu veľkosť*/
                margin-left: auto;
                margin-right: auto;
                display: block;
                }

                
                .obr-zvacsenie:hover {
                transform: scale(1.1); /*zväčší obrázok na 110% jeho povodnej velkosti*/
                }

            .obr-rohy {
                    border-radius: 15px; /*nastaví oblé rohy*/
                    width: 100%;  
                    max-width: 500px; 
                    margin-left: auto;
                    margin-right: auto;
                    display: block
                }
                

                video {
                    width: 100%;
                    max-width: 800px;
                    margin-left: auto;
                    margin-right: auto;
                    display: block;
                }