* { font-family:'Courier New', Courier, monospace; margin: 0; } @media screen { .nav-bar h1 { color: darkorange; } .nav-bar { background-color: darkgreen; padding-top: 20px; padding-bottom: 20px; display: flex; justify-content: space-between; align-content: center; } #branding { padding-left: 40px; display: flex; } #branding img { padding-right: 15px; } .nav-bar ul { display: flex; list-style-type: none; flex-wrap: wrap; align-content: center; padding-right: 20px; } .nav-bar-print { display: none; } .nav-link { font-size: 1.25rem; padding-left: 20px; } .nav-link a { text-decoration: none; color: blue; } .nav-link a:visited { color: blue; cursor: pointer; } .nav-link a:hover { color: orangered; } .nav-link a:selected { color: orange; } main { margin: 5%; } body { background-color: #222; color: white; } @media only screen and (max-width: 1280px) { .jesus { position: absolute; right: 0; bottom: 0; max-width: 50vw; max-height: 40vh; z-index: -5; } } @media only screen and (min-width: 1280px) { .jesus { position: absolute; right: 0; top: 0; max-width: 100vw; max-height: 100vh; z-index: -1; } } .website_table th,td { border: 1px solid; } a { color: lime; } a:visited { color: lightseagreen; } a:hover { color: orange; } } @media print { .nav-bar h1 { color: black; } .nav-bar { display: none; } .nav-bar ul { display: flex; list-style-type: none; flex-wrap: wrap; align-content: center; } .nav-link { font-size: 1.25rem; padding-left: 20px; } .nav-link a { text-decoration: none; color: black; } .nav-link a:visited { text-decoration: none; color: black; cursor: pointer; } .nav-link a:hover { text-decoration: none; color: black; } .nav-link a:selected { text-decoration: none; color: black; } main { margin: 5%; } body { background-color: #FFF; color: #000; } .website_table th,td { border: 1px solid; } a { text-decoration: none; color: black; } a:visited { text-decoration: none; color: black; } a:hover { text-decoration: none; color: black; } * { background-color: #FFF; color: #000; } .nav-bar-print { display: block; } }