html{
        background-color: orchid;
        color:whitesmoke;
    }

    body {
        margin: 2rem auto 4rem;
        max-width: 40rem;
    }

    img {
        max-width: 100%;
    }

    ul {
        list-style: square;
    }

    ol {
        list-style: upper-roman;
    }

    a {
        color:black
        
    }

    a:visited {
        color:ghostwhite;
    }

    a:hover {
        color: palegreen;
        text-decoration: none;
    }

    a:hover, a:focus {
        background-color: coral;
        color: black;
        outline: none;
    }

    a:active {
        background-color: black;
        color:white
    }