@font-face {
  font-family: beholder;
  src: url(https://www.viperguitars.com.au/fonts/beholder.ttf);
}

body {
    font-family: beholder, Arial, Helvetica, sans-serif;
    background-color: #101010;
}

/* BIG Header (under the logo), full size fonts, top of page. */

h1 {
    text-align: center;
    margin: 0px auto;
    font-size: 64px;
    display: block;
    color: #ffffff;
}

/* On Page Headers (for the content), could be all over the place. */

h2 {
    text-align: center;
    margin: 0px auto;
    font-size: 18px;
    display: block;
    color: #00f53b;
}

/* Titles / Headers for Pictures, smaller fonts, still indexed by search engines / websites */

h3 {
    text-align: center;
    margin: 0px auto;
    font-size: 14px;
    display: block;
    color: #00f53b;
}

/* Captions for Pictures, really small fonts! */

h4 {
    text-align: center;
    margin: 0px auto;
    display: block;
    color: #ffffff;

}

/* Copyrights */

h5 {
    height: 10em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
    color: #ffffff;
}

/* Paragraphs (the <p> tag in the code) (No, Need, for Classes) */

p {
    align: center;
    align-items: center;
    padding: 2 0 2 0;
    text-align: center;
}

/* Images (the <img> tag in the code) (No, Need, for Classes) */

img {
    align: center;
    align-items: center;
    border: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 4 1 4 1;
    text-align: center;
}

/* Captions (HTML5) (the <caption> tag in in the code) */

caption {
    align: center;
    align-items: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 4 1 4 1;
    text-align: center;
    color: #ffffff;
}

main {
  width: calc(100% - 70px);
  max-width: 680px;
  margin: 100px auto;
}

* {
  scroll-behavior: smooth;
}


/*
 * Make the images responsive too, by force!
 */

img {
  max-width: 100%;
  height: auto;
}

/*
 * Make the audio and video responsive too, by force too!
 */

audio,
video {
  max-width: 100%;
  height: auto;
}

/*
 * Make the <html5> elements responsive too
 */

audio,
canvas,
caption,
iframe,
img,
svg,
video {
  vertical-align: middle;
}