@charset "UTF-8";

html {
  font-family:'Staatliches',cursive;
  margin:0 1%;
  background-color:#fafafa;
}

header {
  position:fixed;
  top:0;
  right:0;
  left:0;
  background:rgb(255,255,255,0.7);
  text-align:center;
}

/* nav {
  float: left;
} */
nav ul {
  list-style-type:none;
  margin:0 auto;
  padding:1.3em 12em;
  display:inline-block;
}

nav ul li {
  display:inline;
  padding:/* To change the spacing between navigation bar links */
1.3em;
}

nav ul li a {
  color:#333;
  text-decoration:none;
  text-transform:uppercase;
  font-size:1.6em;
  padding-bottom:1.3em;
  transition:.5s color;
}

nav ul li a:hover {
  color:#f07575;
}

.center {
/*   display:block; */
/*   width:1000px;  */
/*   margin:0 auto; */
  padding-top:0;
/* Space between nav bar and pictures*/
  text-align:center;
}

.center-fit {
  display:inline-block;
  width:100%;
/* margin: 0 auto; */
  text-align:center-fit;
/* left: 500px; */
}