@media print{
    body>*{
        color: black !important;
    }

    .container{
        max-width: 100% !important;
        margin: 0 !important;
        border: none !important;
    }

    .nav-item, nav, .printremove, meter, details, video, body>footer, table caption{
        display: none !important;
    }

    table>*{
        color:black !important;
        background-color:white !important;
    }

    abbr{
        text-decoration: none !important;
        border-bottom: none !important;
    }

    li>a::after{
        content: " ("attr(href)")" !important;
        text-decoration: none !important;
    }
    
    table tr>*{
        border: none !important;
    }

    .img-fluid{
        max-width: 200px !important;
    }

    textarea{
        height: 50px !important;
    }
}

@media screen {

    body{
        background-color: white;
        background-image: url(digital-art-southwest-landscape.jpg);
        font-size: 100%;
        font-family: Georgia, 'Times New Roman', Times, serif;
    }

    .container{
        padding-top: 1em;
        padding-right: 1em;
        padding-left: 1em;
        background-color: #faebd7;
    }


    main h2{
        color:#0000ff;
    }

    abbr{
        text-decoration: none !important;
        border-bottom: none !important;
    }

    .container-fluid{
        background-color: #E4F312 !important;
        margin-bottom: 1em;
    }

    a:link{
        color: #0C60DF;
    }

    a:visited{
        color: #7654C9;
    }

    li.nav-item>a{
        color: #094BAE !important
    }

    caption>details, caption{
        color:black !important;
    }
}