<!doctype html>
<html>
    <head>



            <style type="text/css">

                h1 {

                    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                    text-align: center;
                    

                }

                h2 {

                    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            
                    text-align: center;
                    line-height: 40%;

                }
              
                h3 {

                    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                    line-height: 40%;

                }
            
                h4 {

                    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                    line-height: 20%;

                }


               p {

                        
                    background-color:#0081C9;
                    color:#FFC93C;
                    
                    width: 75%;
                    
                    padding-top: 15px;
                    padding-bottom: 15px;
                    padding-left: 15px;
                    padding-right: 15px;

                    border-radius: 20px;
                    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                
               
                
                }
                table {

                    width: fit fit-content;
                    border-left: 2px solid black;
                    border-right: 2px solid black;
                    border-bottom: 2px solid black;
                    border-top: 2px solid black;
                }
                th {

                    padding: 0.5em;
                    text-transform: uppercase;
                    border-top: 1px solid black;
                    border-bottom: 1px solid black;
                    text-align: center;

                }
                tr:nth-child(even) { background:#0081C9;
                font-weight: bold;}
                td:nth-child(1) {
                    font-weight: bold;
                    width: 100px;
                }
                td:nth-child(2) {
                    font-weight: bold;
                    width: 100px;
                }
                td { padding: 0.5em; }
                tr:hover {
                    background: darkblue;
                    color: white;
                }

                /* Add navigation menu styles here */
                ul.menu {
                    list-style-type: none;
                    margin: 0;
                    padding: 0;
                }
                li.menuitem {
                    display: inline; /* Example to make it horizontal */
                    margin-right: 10px; /* Space between menu items */
                }
                li.menuitem a {
                    text-decoration: none;
                    color: #9b59b6; /* Example link color */
                }
                /* Additional styles for hover effects, active state, etc. */

               

            </style>
        
    </head>
        
   
</html>