/* styles.css for yellowshell.net
 *
 * footer placement from https://css-tricks.com/couple-takes-sticky-footer
 *
 * background image 
 * "Focus stack of a shell" by ako_law licensed under CC BY-SA 2.0 
 *  from https://www.flickr.com/photos/114240786@N08/45831505281
 *
 * Jim Mahoney | cs.bennington.college | Sep 2021
 */

* {
   font-family: 'Merienda', cursive;
   color: #cccccc;
}

html, body {
   height: 100%;
}

body {
   display: flex;
   flex-direction: column;
}

h1 {
   padding: 1em;
   font-size: 2em;
}

body {
   background-image: url("shell.jpg");
   background-repeat: no-repeat;
   background-color: #090909; /* used color dropper on edge of image */
}

.content {
   flex: 0.9 0 auto;
}

footer {
   flex-shrink: 0;
   text-align: right;
}