@font-face {
  font-family: "music"; 
  src: url('music.otf') format('opentype'); 
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "musicstandard"; 
  src: url('musicstandard.otf') format('opentype'); 
  font-weight: normal;
  font-style: normal;
}
a {
  color: floralwhite;
}
body {
  background-image: url('musicbg.jpg');
  background-repeat: repeat;
  font-family: "musicstandard";
  font-size: 1em;
  text-align: center;
  color: saddlebrown;
  
}
div {
  padding: 2em;
  background-color: peachpuff;
  border-style: double;
  border-color: saddlebrown;
  border-width: 1em;
  width:75%;
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top:10em ;
  
}
header {
  background-color: saddlebrown;
  color: white;
  margin:2em ;
  padding: 2em;
  border-style: hidden;
  border-radius: 5%;
}
h1 {
  font-family: music;
  font-size: 10em;
  text-align: center;
}
p {
  font-size: 2em;
}
h2 {
  font-size: 4em;
}
nav {
  font-size: 4em;
}