/* * html-css-basics-v2.css * * version 2 ... just to look different. * * Colors chosen using google's "color picker" https://g.co/kgs/jFb5aH . * Averia font (http://iotic.com/averia/) * from https://fonts.google.com/specimen/Averia+Serif+Libre . * * Jim Mahoney | cs.bennington.college | CC0 | September 2021 */ body { font-family: 'Lato', sans-serif; /* image from https://www.pexels.com/photo/macro-shot-of-wooden-planks-326333/ */ background-image: url("pexels-pixabay-326333.jpg"); color: #cfcdbe; } a:link { color: #b1b1f2; /* default #0000EE */ } a:visited { color: #aea2ba; /* default #551A8B */ } p { padding-left: 1em; } img#screenshot { width: 200px; border: 1px solid #cfcdbe; margin-left: 0.5em; } h1, h2 { border-left: 3px solid #999287; padding-left: 0.5em; } ul { border: 1px solid #cfcdbe; background: black; opacity: 0.66; font-size: 0.8em; } footer { clear:right; border-top: 2px solid #cfcdbe; } footer p { font-size: 80%; float: right; padding: 0; margin: 0.2em; background: black; opacity: 0.66; }