fieldset{
	padding: 2%;
	margin-bottom: 0.8em;
}
legend{
    text-shadow: 0 0 10px lightgreen;
    color: white;
	font-size: 1.4em;
	font-weight: bold;
	font-family:'Orbitron', sans-serif;
}
input, textarea{
	border: 1px solid #777;
	padding: 0.2em;
	font-size:1em;
}
.contactinfo input {
	position: absolute;
	left: 6em;
}
.fnameinput, .lnameinput, .emailinput{
	width: 20em;
}
.phoneinput{
	width: 12em;
}
label {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2em;
    color: white;
}
.contactinfo label{
	display: block;
	position: relative;
    margin: 1em 0;
}
.membershipinfo label{
	margin-right: 1em;
}
#feedback{
	width:98%;
	display:block;
}
.submitbutton, .resetbutton{
	border: none;
	text-align: center;
}
#submit:hover, #reset:hover{
    color: red;
    background: lightgreen;
}
#submit, #reset{
	border: 1px solid #999;
    font-size: 1.5em;
    font-family: 'Orbitron', sans-serif;
	font-weight:bold;
	background: rgba(0, 0, 0, 0.808);
    border-radius: 0.5em;
    color : white;
}
.signUp{
    background: rgba(0, 0, 0, 0.808);
}
.buttonContainer{
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 20px;
    justify-items: center;
    justify-content: space-evenly;
    grid-column-gap: 50px;
    grid-row-gap: 40px;
    background: rgba(0, 0, 0, 0.808);
}
article{
    background:  rgba(0, 0, 0, 0.808);
}
h3{
    text-align: center;
    font-family: 'Orbitron', sans-serif;
    color: lightgreen;
    text-shadow: 0 0 15px white;
    font-size: 30px;
    font-weight: bold;
}
/* parallax scrolling */
  .parallax { 
    /* The image used */
    background-image: url("../images/World-of-warcraft.jpg");
  
    /* Set a specific height */
    height: 1150px;
    min-height: 100% ;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }