/* Comment */

/* Color Palette 
  
Offical Colors:
  Purple: #4b0082
  Gold: #daa520 
  Orange: #d2691e
  Light Grey: #c0c0c0
  Bone White: #ffffff
  
*/
@font-face {
  font-family: ImperiumPunkFont;
  src: url(fonts/ImperiumPunk.woff);
}

/* Header Tags */

h1 {
  color: #daa520;
  font-family: ImperiumPunkFont;
  font-size: 10vw;
  font-style: bold;
}

h2{
  color: #daa520;
  font-family: ImperiumPunkFont;
  font-size: 4vw;
  line-height: 120%;
}


/* Paragraph Tag */
p {
  color: #daa520;
  font-family: ImperiumPunkFont;
  font-size: 140%;
}


/* Other Tags */

body {
  background-color: #000000;
  margin: 0.5;
}

* {
  box-sizing: border-box;
}

a {
  font-family: ImperiumPunkFont;
}

hr {
  margin-top: 40px;
  width: 100%

}

/* Navigation Bar */
.navbar {
  overflow: hidden; 
  position: fixed; 
  top: 0; 
  width: 100%; 

  background: #000000; /*A black background needed for the navbar effect." */
}


.navbar a {
  float: left; 
  display: block; 
  color: #daa520; 
  text-align: center; 
  padding: 14px 20px; 
  text-decoration: none; 
}

/* Right-aligned link */
.navbar a.right {
  float: right; 
}


/* Change color on hover/mouse-over */
.navbar a:hover {
  background-color: #4b0082; 
  color: 000000; 
  border-radius: 5px;
}


.center {
  text-align: center;
}

img {
  display: block;

  margin-top: 2vw;
  margin-bottom: 2vw;
  margin-left: auto;
  margin-right: auto;

  border-radius: 1vw;
  width: 60vw;
}