@font-face {
  font-family: Gourmet;
  font-style: italic;
  src: url("/fonts/Gourmet Le French Script.ttf") format('truetype'),
  url("/fonts/Gourmet Le French Script.otf") format('opentype');
}
@font-face {
  font-family: Gourmet;
  font-style: normal;
  src: url("/fonts/Gourmet Le French.ttf") format('truetype'),
  url("/fonts/Gourmet Le French.otf") format('opentype');
}
@font-face {
  font-family: "Inria Serif";
  font-style: normal;
  src: url("/fonts/InriaSerif-Regular.ttf") format('truetype');
}
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  background-color: bisque;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  /*background-color: #5c0613;*/
  background-color: bisque;
}

.footer-text {
  font-family: 'Inria Serif', serif;
  color: #5c0613;
}

img {
  color: bisque;
  width: 50%;
}

@media screen and (min-width: 500px){
  img {
    color: bisque;
    width: 300px;
  }
}

h1 {
  font-size: 42pt;
  font-family: 'Gourmet', sans-serif;
  font-style: italic;
  color: bisque;
}

h2 {
  font-size: 20pt;
  font-family: 'Inria Serif', serif;
  color: bisque;
}

h3 {
  font-size: 15pt;
  font-family: 'Inria Serif', serif;
  color: bisque;
}

.color-bisque {
  font-family: 'Inria Serif', serif;
  color: bisque;
}

.date {
  font-size: 33pt;
  font-family: 'Inria Serif', serif;
  color: bisque;
}

.year {
  font-size: 20pt;
  font-family: 'Inria Serif', serif;
  color: bisque;
}

p {
  font-family: "Inria Serif", sans-serif;
  font-style: normal;
  font-size: 11pt;
  color: bisque;
}

label {
  font-family: "Inria Serif", serif;
  color: bisque;
}

input {
  background-color: bisque;
}

.hidden {
  display: none;
}

li {
  color: bisque;
}

.bg-red {
  background-color: #5c0613;
}