body {
	background-color: darkpurple;
  font-family: "Roboto", sans-serif;
}
h1, h2, h3 {
	font-family: "Domine", serif;
  color: #000000;
}
form label,
form input,
form textarea {
	width: 100%;
  margin-bottom: 1em;
}
figure {
	border: 10px solid black;
  padding: 0.5em;
  background-color: #7C3456;
}
figure a:link {
	color: white;
}
figure a:visited {
	color: #FFF892;
}
figure:hover {
	box-shadow: 3px 3px 5px black;
}

ul {
	padding: 0;
}

.img-responsive {
  max-width: 100%;  
}
.container {
	background-color: white;
  padding: 2em;
  margin-bottom: 2em;
}
.text-center {
	text-align: center;
}

#web div {
	display: flex;
  flex-wrap: wrap;
  justify-content: space-around;  
}

/* The container that sticks to the top */
.navbar {
  position: sticky;       /* Makes it sticky */
  top: 0;                /* Sticks it exactly at the top */
  z-index: 1000;         /* Keeps it above other content */
  background-color: #333;
  width: 100%;
}

/* The list that aligns items horizontally */
.nav-links {
  display: flex;          /* Creates the horizontal row */
  list-style: none;       /* Removes bullet points */
  margin: 0;
  padding: 15px;
  justify-content: center; /* Centers the links horizontally */
}

/* Individual link styling */
.nav-links li a {
  color: white;
  text-decoration: none;
  padding: 0 20px;
}