body {
                font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                background-color: #811089;
                color: #cecece;
                margin: 0;
                padding: 20px;
                max-width: 800px;
               
            }
            h1 {
                color: #ffffff;
            }
            p {
                line-height: 1.6;
                font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            }
            .highlight {
                background-color: yellow;
                font-weight: bold;
            }
        
            nav ol {
                list-style-type: none; /* Removes bullet points */
                padding: 0;
                background-color: #000000; /* Background color */
                overflow: hidden; /* Clears floats */
            }
            nav ol li {
                float: left; /* Makes list items horizontal */
            }
            nav ol li a {
                display: inline-block; /* Makes the entire area clickable */
                color: rgb(255, 255, 255); /* Text color */
                text-align: center;
                padding: 14px 20px; /* Adds spacing */
                text-decoration: none; /* Removes underline */
            }
            nav ol li a:hover {
                background-color: #f5f5f5; /* Matches the body background */
                color: #000000; /* Matches the h1 color */
            }
          
            footer {
                background-color: #333;
                color: #fff;
                text-align: center;
                padding: 10px;
                margin-top: 20px;
            }
            .content-block {
                background-color: #f4f4f4;
                border: 1px solid #ccc;
                padding: 20px;
                margin: 10px 0;
                border-radius: 8px;
                text-align: center;
            }