/* Body styling */
    body {
        font-family: Arial, sans-serif;
        background-color: #18b6dd;
        color: #333;
        font-size: medium;
        line-height: 1.6;
    }

    /* Header styling */
    header {
        background: linear-gradient(90deg, #3b19b4, #3d128f);
        color: rgb(247, 251, 4);
        padding: 20px;
        text-align: center;
    }

    /* Navigation menu */
    nav ul {
        list-style: none;
        display: flex;
        justify-content: center;
        background-color: #aec709;
    }

    nav ul li {
        margin: 0;
    }

    nav ul li a {
        display: block;
        padding: 14px 20px;
        color: rgb(29, 58, 204);
        text-decoration: none;
        transition: background 0.3s;
    }

    nav ul li a:hover {
        background-color: #4CAF50;
    }

    /* Main content */
    main {
        max-width: fit-content;
        margin: 20px auto;
        padding: 20px;
        background: rgb(174, 171, 234);
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

       .main1 {
        max-width: 900px;
        margin: 20px auto;
        padding: 20px;
        background: rgb(142, 48, 81);
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    h6 {
        max-width: 900px;
        margin: 20px auto;
        padding: 20px;
        background: rgb(242, 128, 138);
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    /* Responsive design */
    @media (max-width: 600px) {
        nav ul {
            flex-direction: column;
        }
    }