@charset "utf-8";
/* CSS Document */

<style>
@font-face
/* CSS Document */
 {
  font-family: 
'Anton Regular', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
  
src: url('Anton-Regular.ttf');
}

body
/* CSS Document */

 {
  font-family: 'Anton Regular';
}
</style>
/* CSS Document */
 {
  box-sizing: border-box;
}
h1
/* CSS Document */
 {text-align: center;
}
body 


{
  background-image: url("../Film_Nitrate/filmburnt.jpg"); 
  background-color: #cccccc;

}

/* Style the header */
header {
  		padding: 80px;
  		text-align: center;
  		font-size: 28px;
		  color: #bd5734;
      opacity: 0.5;
}
<style>

.nav {
  background-color: yellow; 
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 0;
}

.nav li {
  display: inline-block;
  font-size: 35px;
  padding: 20px;
}
</style>

.button {
  background-color: #7a3b2e;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.button {font-size: 24px;}

</style>