

   <style>
       body {
           display: flex;
           justify-content: center;
           align-items: center;
           min-height: 100vh;
           margin: 0;
           font-family: Arial, sans-serif;
           background-color: black; /* Black background */
           color: white; /* Default text color */
       }
       nav {
           position: fixed;
           top: 0;
           width: 100%;
           background-color: #333; /* Background color of the menu */
           padding: 10px 0;
           text-align: center;
           box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Adds a slight shadow */
       }
        .nav-item {
            display: inline-block;
            position: relative;
        }
        .nav-item a {
            color: white;
            text-decoration: none;
            margin: 0 15px;
            font-size: 18px;
        }
        .nav-item:hover .dropdown {
            display: block;
        }
        .dropdown {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            background-color: #444;
            min-width: 150px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }
        .dropdown a {
            display: block;
            padding: 10px;
            color: white;
            text-align: left;
        }
        .dropdown a:hover {
            background-color: #555
        }
       nav a {
           color: white;
           text-decoration: none;
           margin: 0 15px;
           font-size: 18px;
           font-family: Arial, sans-serif;
       }
       nav a:hover {
           text-decoration: underline;
       }
       img {
           max-width: 100%;
           height: auto; /* Maintains aspect ratio */
       }
       .content {
           margin-top: 60px; /* Offset for the fixed menu */
       }
   </style>
