@charset "utf-8";

body {
  background-color: black;
  margin: 0;
  font-family: "Times New Roman", Times, serif;
}


header {
	width: 100%;
	top: 0;
	padding: 1.5em;
	position:absolute;
}

/*links*/
a:link {
  color: purple;
}
a:visited {
  color: red;
}
a:hover {
  color: hotpink;
}
a:active {
  color: blue;
}

.navbar {
	background-color: #000000;
    overflow: hidden;
}
.navbar a{
  float: right;
  color: #FFFFFF;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1em;
}

.flex-container {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 10px;
}

figure {
    border: thin #c0c0c0 solid;
    display: flex;
    flex-flow:column;
    padding: 5px;
    margin: 45px;
    max-width: 400px;
}

figcaption {
    color: #fff;
    font: italic smaller sans-serif;
    padding: 3px;
    text-align: center;
}

h1 {
	color:white;
	text-transform: uppercase;
	font-size: 2em;
	letter-spacing: 0.5em
}