/*
 * 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;
}