* { border:0; margin: 0; padding: 0; box-sizing: border-box; }

body { font-family: Georgia; text-align: center; color: #000; 
  background-image: linear-gradient(165deg, rgb(207, 223, 227), rgb(14, 121, 140)); background-size: cover; }
  
h1 { text-shadow: 4px 3px 5px rgba(218, 229, 231, .8);
  padding: 1.75vw 0; }
h1 + p { font-size: 1.45vw; font-weight: bolder; 
  padding: 0 3vw 1.5vw 3vw; }

.gallery {  
  font-size: 1.75vw; font-weight: bold; 
  text-shadow: 2px 2px 5px black; }

#toprow, #botrow { margin: 2vw;  height: 30vh;
  display: flex; flex-direction: row; 
  justify-content: space-evenly; }
#topA, #topB, #topC, #topD, #topE { width: 16vw;
  color: rgb(255, 191, 0);   
  border: 2px solid grey; text-decoration: none;
  background-position: center; background-size: cover; 
  background-repeat: no-repeat; }
#topA { background-image: 
  url("/images/collage-cassattm-sewing-sml.jpg"); }
#topB { background-image: 
  url("/images/collage-matisseh-marguerite-sml.jpg"); }
#topC { background-image: 
  url("/images/collage-picassop-harlequin-sml.jpg"); }
#topD { background-image: 
  url("/images/collage-rembrandt-flora-sml.jpg"); }
#topE { background-image: 
  url("/images/collage-renoira-daughters-sml.jpg"); }

#botA, #botB, #botC { width: 25vw; color: rgb(255, 191, 0);
  background-position: center; background-size: cover; 
  background-repeat: no-repeat; text-decoration: none; }
#botA { background-image: 
  url("/images/collage-homerw-veteran-sml.jpg"); }
#botB { background-image: 
  url("/images/collage-monetc-poppy-fields-sml.jpg"); }
#botC { background-image: 
  url("/images/collage-remingtonf-desert-sml.jpg"); }

a:hover { box-shadow: 3px 3px 8px 8px gold; 
  transition: all 500ms ease-in-out; }