/* tady začíná práce s CSS 
         tagy/selektory { pravidla:hodnota;} */
        /* práce s tagem */
        
        p { 
            color:whitesmoke;        
            background-color: black;
        }
        h1 {
            text-align: center;
        }
        h2, h3, h4 {
            color: red;
            font-size: 30px;
            text-align: center;
        }

        h2:hover, h3:hover, h4:hover {
            color: yellow;
            font-size: 30px;
            text-align: center;
        }

        /* Selektory:
            třída -> HTML: class | css: . (tečka) */
        .trida {
            font-size: 25px;
            color:blue;
        }
        .trida2 {
            color:red;
        }

        /* ID -> HTML: id | css: # (hashtag) 
         prvek s ID atributem musí (měl by) být unikátní v HTML kodu*/

        #unikat {
            font-family: Arial, Helvetica, sans-serif
        }

        /* třída vázáná */
        .trida3 p {
            color:aqua;
        }
        .trida3 h1 {
            color:navy;
        }


        a {
            text-decoration: none;
        }
        a:hover {
            text-decoration: underline;
        }
        a:visited {
            color: black;
        }

        table, tr, td {
            border: 2px solid black;
            margin-left: auto;
            margin-right: auto;
            padding: 10px;
            border-collapse: collapse;
        }

        ul {
            list-style-type: none;
        }