html { font-family: 'Georgia'; font-size: 16pt}

body { font-family: f; max-width: 1200px; margin: 2rem auto; padding: 2rem; background: #f9f97d; color: #111; }

header { display:flex; justify-content:space-between; align-items:center; }

nav a {margin-right: 1rem; text-decoration:underline; color:#FFCB4A;font-size:1.8rem;text-align:center; }

a:link {
  color: #FFCB4A;
}


a:visited {
  color: #FFB17D; 
}


a:hover {
  color: #FFE994; 
}


h1 { font-family: 'Georgia', serif; 
      font-size: 1.8rem; 
      color: #F2AC9B; }

  
h2 { font-family: serif;
    font-size: 1.5rem;
    color: #ffffff;
    
}

li { color: #ffe8e8}

p { 
    font-family: sans-serif; 
    color: #FFE8E8;
  
  }

figcaption {color: #FFCB4A;}

img { display:block; margin: .8rem 0; }

.container { background: #C44B39; padding: 1.2rem; }


#banner {text-align: center; white-space:nowrap;}

.inline-block {display: inline-block;vertical-align: top; margin: 10px;}