body {
    margin: 0;
    font-family: 'Gloria Hallelujah', cursive, sans-serif;
    background-color: #fff3d1;
    color: #3b0000;
}

header {
    background: radial-gradient(circle, #ffcf40, #ff6b00);
    color: #7c0000;
    padding: 1rem;
    text-align: center;
    box-shadow: 0 0 10px #00000055;
}

h1 {
  font-family: 'Fredericka the Great', cursive, serif;
  font-size: 5.5em;
}

.menu {
   font-size: 1.5em;
   font-style: bold;
}

nav a {
    margin: 0 1rem;
    color: #3b0000;
    text-decoration: none;
    font-weight: bold;
    position: relative;
}

nav a:hover {
    top: -10px;
}

.hero {
    text-align: center;
    padding: 2rem;
}

.hero img {
    width: 650px;
    max-width: 100%;
    margin-bottom: 1rem;
    border: 4px dotted #7c0000;
    border-radius: 8px;
}

.hero p {
    font-size: 1.2em;
}

.shopify-buy-button {
    text-align: center;
}

/* Shopify Buy Button centering fixes */
.shopify-buy-button iframe {
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
}

.shopify-buy-button > div {
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    float: none !important;
}

main {
    padding: 2rem;
    max-width: 800px;
    margin: auto;
}

blockquote {
    font-style: italic;
    margin: 1.5rem 0;
    padding: 1rem;
    background: #fffbe6;
    border-left: 6px solid #ffb100;
	border-radius: 10px;
}

footer {
    text-align: center;
    padding: 1rem;
    background: #ffcf40;
    color: #3b0000;
    font-size: 0.9rem;
}

.faq p {
  background: #fffbe6;
  border-left: 6px solid #ffb100;
  padding: 1rem;
  margin: 1.5rem 0;
  border-radius: 10px;
}

.faq p b {
  color: #7c0000;
  font-size: 1.2em;
  display: block;
  margin-bottom: 0.3rem;
}