@font-face {
  font-family: "Pink_Squad";
  src: url("fonts/Pink Squad.otf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Thypology";
  src: url("fonts/Thypology.woff"),
       url("fonts/Thypology.otf"),
       url("fonts/Thypology.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Winter_Date";
  src: url("fonts/Winter Date.woff"),
       url("fonts/Winter Date.otf"),
       url("fonts/Winter Date.ttf");
  font-weight: normal;
  font-style: normal;
}

body {
  background-color: #3c3c3c;
  color: white;
  font-family: Winter_Date;
  font-weight: 500;
  align-content: center;
  padding-top: 42px;
  padding-bottom: 42px;
}

h1 {
  font-family: Winter_Date;
  color: #a42eff;
  font-size: 80px;
}
h2 {
font-family: Winter_Date;
  color: #b75aff;
  font-size: 60px;
}
h3 {
  font-family: Winter_Date;
  color: #e9cdff;
  font-size: 50px;
}

p {
  font-size: 40px;
}

li {
	font-family: Thypology;
	font-weight: 600;
	font-size: 40px;
	color: white;
	list-style-type: none;
}

dd {
	font-family: Thypology;
	font-weight: 600;
	font-size: 40px;
}


.vegan {
	color: green;
}
.vegetarian {
	color: lightgreen;
}

.page-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #1c1c1c;
  text-align: center;
  font-family: Thypology;
}

.page-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #1c1c1c;
  color: grey;
  text-align: center;
  font-family: Winter_Date;
}

.page-header ul {
  padding:0px;
}

.page-header li {
  display: inline;
  font-size: 40px;
  padding:20px; 
  background-color: #1c1c1c;
}

.page-header input {
	font-size: 40px;
	display: inline;
	padding:20px;
	background-color: #1c1c1c;
	color: grey;
	font-family: Winter_Date;
}

.page-header form {
	display: inline;
}

.page-header input:hover {
  background-color: black;
}