* {
    margin: 0;
    padding: 0;
    font-family: "Comic Sans MS", Verdana, Geneva, Tahoma, sans-serif;
}

body {
    background-image: url("https://denim3001.deadfish.cz/denimekpfp.php?size=4096");
    background-color: #f0f;
    background-size: 100vw 100vh;
    background-attachment: fixed;
}

#kontik {
    margin: auto;
    width: 100%;
    max-width: 1000px;

    background-color: #00ff00cc;
}

#zahlavi {
    font-size: 72px;
    font-weight: bold;
    text-align: center;
}

#navigace {
    text-align: center;
    background-color: #00f;
}

#navigace li {
    display: inline-block;
}

#navigace a {
    display: block;
    padding: 10px;
    /* background-color: #00f; */
    color: #ff0;
}

#navigace a:hover {
    background-color: #f00;
}

#zapati {
    background-color: #00f;
    color: #f0f;
    text-align: center;
}

#obsah {
    padding: 0px 20px 30px;
}

dt {
    font-weight: bold;
    font-size: 110%;
    text-decoration: underline;
}

dd {
    margin-bottom: 5px;
}

#obsah li {
    margin-left: 25px;
    padding-left: 5px;
}

#navigace a.external {
    background-image: url("/extlink.png");
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 20px;
}

#komandy {
    font-size: 130%;
    font-weight: bold;
}

#komandy .aliasy {
    font-size: 80%;
    font-weight: normal;
}

.alias {
    transition: all 0.5s;
    cursor: default;
}

.alias:hover {
    font-weight: bold;
    color: #f0f
}

#komandy .argument {
    color: #900;
}

.custom {
    color: #00f
}

pre {
    white-space: pre-wrap;
}

p {
    font-size: 1.5em;
    font-weight: bold;
}

#pocet {
    color: hsl(50, 100%, 50%);
    animation: rainbow 3s infinite;
    filter: drop-shadow(#000 0 0 3px);
}

@keyframes rainbow {

    100%,
    0% {
        color: hsl(0, 100%, 50%);
    }

    5% {
        color: hsl(18, 100%, 50%);
    }

    10% {
        color: hsl(36, 100%, 50%);
    }

    15% {
        color: hsl(54, 100%, 50%);
    }

    20% {
        color: hsl(72, 100%, 50%);
    }

    25% {
        color: hsl(90, 100%, 50%);
    }

    30% {
        color: hsl(108, 100%, 50%);
    }

    35% {
        color: hsl(126, 100%, 50%);
    }

    40% {
        color: hsl(144, 100%, 50%);
    }

    45% {
        color: hsl(162, 100%, 50%);
    }

    50% {
        color: hsl(180, 100%, 50%);
    }

    55% {
        color: hsl(198, 100%, 50%);
    }

    60% {
        color: hsl(216, 100%, 50%);
    }

    65% {
        color: hsl(234, 100%, 50%);
    }

    70% {
        color: hsl(252, 100%, 50%);
    }

    75% {
        color: hsl(270, 100%, 50%);
    }

    80% {
        color: hsl(288, 100%, 50%);
    }

    85% {
        color: hsl(306, 100%, 50%);
    }

    90% {
        color: hsl(324, 100%, 50%);
    }

    95% {
        color: hsl(342, 100%, 50%);
    }
}