/*We want to make it evident that this is a silly, family fun restaurant while also keeping it at least somewhat sophisticated. The Halloween color coding should be fairly obvious as well but not necessarily intrusive. Balence is key here*/

.creepster-regular {
  font-family: "Creepster", system-ui;
  font-weight: 400;
  font-style: normal;
}

.instrument-serif-regular {
  font-family: "Instrument Serif", serif;
  font-weight: 400;
  font-style: normal;
}

.instrument-serif-regular-italic {
  font-family: "Instrument Serif", serif;
  font-weight: 400;
  font-style: italic;
}

.quicksand-swag {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.nosifer-regular {
  font-family: "Nosifer", sans-serif;
  font-weight: 400;
  font-style: normal;
}

body {
    background-color:#F28907;
}

header {
    padding: 20px;
}

header img {
    border: 5px, solid, #000205;
    float: left;
}

h1 {
    font-family: "Instrument Serif", serif;
    display: flex;
    font-weight: 700;
    font-size: 3rem;
    padding-left: 20px;
    text-shadow: 2px 2px 3px white; 
}

h2 {
    font-family: "Creepster", system-ui;
    text-align: center;
    font-size: 4rem;
    padding: 0px;
    color: #682A8C;
    margin-bottom: 0px;
}

h2 a {
    text-decoration: none;
}

h2 a:hover{
    text-decoration: underline;
    color: #008A36;
}

nav ul {
    margin-top: 0px;
    margin-bottom: 0px;
    list-style: none;
    display: flex;
    float: right;
    padding: 0px;
}

nav ul li {
    font-family: "Quicksand", sans-serif;
    margin-left: 50px;
}

nav ul li a {
    text-decoration: none;
    color: white;
    font-weight: bold;
}

nav ul li a:hover {
    color: #F20505;
}

.desc {
    color: white;
    text-align: center;
    font-family: "Quicksand", sans-serif;
    font-size: 1.25rem
}

.home {
    display: block;
    margin: auto;
}

footer {
    text-align: center;
    background-color:#000205;
    color: white;
    font-family: "Quicksand", sans-serif;
    font-size: .75rem
    margin: 40px;
}

.new {
    font-family: "Creepster", system-ui;
    color: #F20505;
}

.date {
    color:#008A36;
    font-weight: bolder;
    text-decoration: underline;
}

.price {
    font-style: italic;
    font-size: 0.9rem;
    text-decoration: underline;
}

section {
    background-color: white;
    margin: 20px;
    border: 5px solid #682A8C;
    text-align: center;
    font-family: "Quicksand", sans-serif;
}

dt {
    font-weight: bold;
    font-size: 1.5rem
}

dl img {
    padding-top: 20px;
}

dl p {
    margin-bottom: 0px;
}

h3 {
    color:#008A36;
    text-align: center;
    font-family: "Nosifer", sans-serif;
    font-size: 1.4rem;
    margin: 0px;
    margin-top: 5px;
}

table, th, td {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid black;
    font-family: "Quicksand", sans-serif;
}

p {
    font-family: "Quicksand", sans-serif;
    padding: 5px;
    margin: 0px;
}

.contact {
    text-align: center;
}

.blog {
    background-color: white;
    border: 5px solid #682A8C;
    margin: 20px;
    display: flex;
}

.blog img {
    padding: 15px;
}