/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */


@font-face {
    font-family: 'aston_script_boldbold';
    src: url('aston_script-webfont.woff2') format('woff2'),
         url('aston_script-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'milton_two_boldregular';
    src: url('milton_two_bold-webfont.woff2') format('woff2'),
         url('milton_two_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'milton_tworegular';
    src: url('milton_two-webfont.woff2') format('woff2'),
         url('milton_two-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'baskervvilleregular';
    src: url('baskervville-variablefont_wght-webfont.woff2') format('woff2'),
         url('baskervville-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'exmouthregular';
    src: url('exmouth_-webfont.woff2') format('woff2'),
         url('exmouth_-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
  background-color: black;
  color: white;
}
h1 {
  color: white;
  font-family: 'exmouthregular';
  text-align: center;
  font-size: 9rem;
  font-weight:300;
  margin:0;
  padding:0
                                                
}

.header1 {
  position: relative;
  background-color: black;
  margin-top:0px;
  padding-top:0px;
  padding-bottom:0px;
}
.lowerheader {
  position: relative;
  background-color: black;
  margin-top: 0px;
  padding:0px;
  margin-left: 100px;
  margin-right:100px
}

h2 {
  color: white;
  font-family: 'baskervvilleregular';
  text-align: center;
  font-size:3rem;
  font-weight: 300
}



p {
  color: white;
  font-family: 'baskervvilleregular';
  text-align: center;
}




nav { 
  color: white;
  font-family: 'exmouthregular';
  background-color: black;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

nav ul {
  list-style-type: none;
}

nav ul li {
  display:inline-block;
  padding:25px
}

nav a { 
  text-decoration: none;
  color:white;
}


.metalimagepack {
  position: relative; 
  top: 100px;
  width:400px
}

.metalimagepack a {
  text-decoration: none;
  color:white;
}

.metalimagepack figcaption {
  position: relative;
  text-align: center;
  color:white;
  background-color: black;
  margin:0;
  padding:0;
  font-size: 3rem;
  font-family: 'exmouthregular';
  overflow: hidden;
  background-size: contain;
  width: 100%
}

.bloodimagepack {
  position: relative;
  bottom:500px;
  left:500px;
  width:400px;
}

.bloodimagepack a {
  text-decoration: none;
  color:white;
}

.bloodimagepack figcaption {
  position: relative;
  text-align: center;
  color:white;
  background-color: black;
  margin:0;
  padding:0;
  font-size: 3rem;
  font-family: 'exmouthregular';
  overflow: hidden;
  background-size: contain;
  width: 100%
}
  
.laceimagepack {
  position: relative;
  bottom: 1000px;
  left:1000px;
  margin:0;
  padding:0;
  width:300px
}
  
.laceimagepack a {
  text-decoration: none;
  color:white;
}

.laceimagepack figcaption {
  position: relative;
  text-align: center;
  color:white;
  background-color: black;
  margin:0;
  padding:0;
  font-size: 3rem;
  font-family: 'exmouthregular';
  overflow: hidden;
  background-size: contain;
  width: 100%
  
}