@font-face {
  font-family:'Starborn'; /* A name you choose to use later in your CSS */
  src:url("fonts/Starborn.ttf") format('truetype'); /* Path to your .ttf file */
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:'Zepter';
  src:url('fonts/Zepter_Pro.ttf') format('truetype');
  font-weight:normal;
}

@font-face {
  font-family:'Louis George Cafe';
  src:url('fonts/LouisGeorgeCafe.ttf') format('truetype');
  font-weight:normal;
  font-style:normal;
}

h1 {
	font-family:"Starborn";
	font-size: 42px;
  color: #c22f4c;
}
h1 a {
  text-decoration: none;
  color: inherit;
}

html {
  background-image: url('./images/background.svg');
  background-repeat: repeat;
  height: 250px;
}

body {
  background-color: #ffeed7;
  padding: 20px;
  padding-left: 30px;
  padding-right: 30px;
  max-width: 700px;
  min-width: 500px;
  margin: auto;
  filter:drop-shadow(1px 1px 5px rgba(73, 41, 47, .75));
}

main {
  min-height: 50vh;
}

footer {
  background-color:#c22f4c;
  padding: 20px;
  text-align: center;
}

h2 {
  font-family:"Zepter";
  font-size: 36px;
  color:#49292f;
  margin: 25px;
}

h3 {
  font-family:"Zepter";
  font-size: 20px;
  color:#49292f;
  margin: 25px;
}

p, ul li {
  font-family:"Louis George Cafe";
  font-size: 20px;
  color: #49292f;
  padding-left: 25px;
  padding-right: 25px;
}

ul {
  list-style: square;
}

hr {
  border: 2px solid #c22f4c;
}

.container {
  position: relative;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
}

.container .child {
  padding-left: 15px;
  padding-right: 15px;
}

.container img {
  filter:drop-shadow(0px 0px 5px rgba(73, 41, 47,.5));
}

.photocred div, .photocred a, .photocred, .home {
  font-family:"Louis George Cafe";
  font-size: 13px;
  color: #49292f;
  bottom: 8px;
  left: 16px;
  text-align:center;
}

ul.awards {
  outline:#49292f;
  outline-style: double;
  outline-width: 4px;
  padding-top:20px;
  padding-bottom:20px;
}

ul.nav{
  list-style-type: none;
  align-items: center;
  position: sticky;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #c22f4c;
  display: flex;
  justify-content: center;
}

ul.nav li a {
  display: block;
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  white-space: nowrap;
}

ul.nav li a:hover {
  background: #e68ca2;
}

ul.nav2 {
  list-style-type: none;
  align-items: center;
  padding-left: 0px;
  display: flex;
}

ul.nav2 li a {
  display: block;
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 14px;
  background-color: #c22f4c;
}

ul.nav2 li a:hover {
  background-color: #e68ca2;
}

ul.bottomnav {
  list-style-type: none;
  align-items: center;
  justify-content: center;
  position: sticky;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 15px;
  display: flex;
}

ul.bottomnav li a {
  color:white;
}

p.bottomnav {
  color:white;
}

p.bottomnavlogo {
  color: white;
  font-family:"Starborn";
}

.project {
  display: flex;
  align-items: center;
  background-color: #f7ddb9;
  margin: 20px;
  padding: 20px;
}

.text {
  padding-left: 20px;
}
.pics ul, .pics img{
  list-style: none;
  filter: drop-shadow(0px 0px 5px rgba(73, 41, 47,.5));
}

button{
  background-color:#c22f4c;
  color: white;
  font-family:"Louis George Cafe";
  font-size: 22px;
  padding: 10px 20px;
  margin: 20px;
  border-radius: 5px;
  border: none;
}

button:hover {
  background-color: #e68ca2;
  cursor: pointer;
}

.home ul {
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 0px;
}

.home ul li {
  padding: 10px;
  filter:drop-shadow(0px 0px 5px rgba(73, 41, 47,.5));
  list-style: none;
}

.bottomnav li {
  white-space:nowrap;
}

.construction li {
  display: flex;
  vertical-align: center;
}

dt {
  font-weight:bold;
  font-family:"Louis George Cafe";
  font-size: 20px;
  display: list-item;
}

dd {
  font-family:"Louis George Cafe";
  font-size: 18px;
}