@charset "UTF-8";
/*
Web Design Class Directory

filename:       master.css

Author:         Brandon LaDuke
Date:           3/3/2019

Required Files: cac_champagne.woff
                cac_champagne.ttf
                1942.woff
                942.ttf
                DobkinPlain.woff
                DobkinPlain.ttf
 */
@font-face {
  font-family: Champagne;
  src: url('cac_champagne.woff') format('woff'),
       url('cac_champagne.ttf') format('truetype');
}
@font-face {
  font-family: Grunge;
  src: url('1942.woff') format('woff'),
       url('1942.ttf') format('truetype');
}
@font-face {
  font-family: Dobkin;
  src: url('DobkinPlain.woff') format('woff'),
       url('DobkinPlain.ttf') format('truetype');
}
body {
  background-color: hsl(91, 8%, 56%);
}
nav {
  background-color: #2b2b2b;
}
nav div a {
  color: white;
}
nav div a:hover {
  background-color: hsl(0, 0%, 42%, 0.7);
  color: #fff;
  text-decoration: none;
}
.bg-yellow {
  background-color: hsl(58, 31%, 84%);
}
#play1 {
  background-color: hsl(240, 100%, 88%);
}
#play2 {
  background-color: hsl(25, 88%, 73%);
}
#play3 {
  background-color: hsl(0, 100%, 75%);
}
#play4 {
  background-color: hsl(296, 86%, 86%);
}
#play1 h1 {
  font-family: Champagne, cursive;
}
#play2 h1 {
  font-family: Grunge, 'Times New Roman', Times, serif;
}
#play3 h1 {
  font-family: Impact, Charcoal, sans-serif;
}
#play4 h1 {
  font-family: Dobkin, cursive;
}
h4 {
  color: hsla(0, 0%, 0%, 0.4);
}
h4 span {
  color: black;
}
.btm-flx {
  background-color: hsla(0, 0%, 42%, 0.4)
}
.btm-flx a {
  padding: 10px;
  color: #fff;
}