style.css

<style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #e80b7a;
        }

        header {
            background-color:#e30d7c;
            color: #fff;
            text-align: center;
            padding: 2rem 0;
            position: relative; /* Add this */
        }

        .header-content h1 {
            font-size: 2.5rem;
        }


        nav {
            background-color: #dad9e7;
            color: #dfe3e3f2;
            text-align: center;
        }

        nav ul {
            list-style-type:none;
            padding: 0;
        }

        nav ul li {
            display: inline;
            margin: 0 20px;
        }

        nav ul li a {
            text-decoration: none;
            color: #0c0c0c;
        }

        .section-content {
            background-color: #dad9e7;
            padding: 2rem;
            margin: 1rem;
            border-radius: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        .download-button {
            background-color: #0b056b;
            color: #fff;
            padding: 0.5rem 1rem;
            text-decoration: none;
            border-radius: 20px;
            display: inline-block;
            margin-top: 10px;
        }

        .download-button:hover {
            background-color:rgb(12, 201, 201);
        }

        footer {
            text-align: center;
            padding: 1rem 0;
            background-color: #333;
            color: #c7cfdb;
        }

        ul {
            list-style-type: square;
            padding-left: 20px;
        }
    </style>