/* styles.css for sandyshell.cc
 *
 * footer placement from https://css-tricks.com/couple-takes-sticky-footer
 *
 * background image 
 *   "Sea Shell!!!" by Natesh Ramasamy is licensed under CC BY-NC 2.0 
 *   https://www.flickr.com/photos/19204893@N00/6062532515
 *
 * Jim Mahoney | cs.bennington.college | Sep 2021
 */

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

html {
   /* min-height: 100%; */
   height: 100%;
   background-image: url("sandyshell.jpg");
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   
}

body {
   display: flex;
   height: calc(100% - 1em);
   flex-direction: column;
}

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

body {
}

.content {
   flex: 1 0 auto;
}

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