body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f0f0f0;
        }
        header {
            background-color: #333;
            color: #fff;
            padding: 10px;
            text-align: center;
        }
        nav {
            background-color: #444;
            padding: 10px;
            text-align: center;
        }
        nav a {
            color: #fff;
            text-decoration: none;
            margin: 0 10px;
        }
        nav a:hover {
            text-decoration: underline;
        }
        section {
            padding: 20px;
        }
        footer {
            background-color: #333;
            color: #fff;
            text-align: center;
            padding: 10px;
            position: fixed;
            bottom: 0;
            width: 100%;
        }
        li:hover::after{
    background-color:PaleGoldenRod;
    content:"  Pick me! Pick me!";
    }

    li:active::after{
    background-color: #46c70b;
    content: " You have made a good decision";
    }

    #fruit:hover::after{
    background-color:PaleGoldenRod;
    content:"Pick Me!";
    }
    #fruit:active::after{
    background-color:#46c70b;
    content:"Good Choice!";
    }
    #Gj:hover::after{
    background-color:PaleGoldenRod;
    content:"Pick Me!";
    }
    #Gj:active::after{
    background-color:#FF0000;
    content:"BAD CHOICE!";
    }
    #Cenral:hover::after{
    background-color:PaleGoldenRod;
    content:"Pick Me!";
    }
    #Central:active::after{
    background-color:#FF0000;
    content:"BAD CHOICE!";
    }