<style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            scroll-behavior: smooth; /* Plynulý prechod pri skoku */
        }


        /* Menu na celej šírke */
        .menu {
            background-color: #007BFF;
            color: yellow;
            padding: 10px 20px;
            font-size: 18px;
            text-align: center;
            width: 97%; /* Umiestnime menu na celú šírku */
        }

        .menu a {
            color: yellow;
            text-decoration: none;
        }

        /* Upozornenie na celej šírke */
        .highlight-box {
            background: rgba(0, 0, 255, 0.7); /* Modrá výplň */
             background-color: #007BFF;
            color: white;
            padding: 10px 15px;
            font-size: 14px;
            width: 97%; /* Upozornenie zaberá celú šírku */
            text-align: left;
            margin-top: 0px; /* Pridáme trochu priestoru medzi obsahom a upozornením */
        }

        .highlight-box label {
            font-weight: bold;
            margin-right: 5px; /* Odstup medzi labelom a textom */
        }

        .content {
            margin: 20px;
        }

        /* Rôzne časti stránky pre simuláciu dlhého obsahu */
      /*  .spacer {
            height: 1000px;
        }*/
    </style>