/*
white #FFFFFF
black #000000
red #F50201
dark-red #781300
gold #CC9523

Algerian, Edwardian Script ITC, Sans Serif

h1 #CC9523
body #F50201
navlink #CC9523
vis., hov., act. #CC9523 #FFFFFF #000000
head #781300
*/

#helmet-row1 #space {padding-bottom: 86px}

#helmet-row1 #space0 {padding-bottom: 0px}

main ul li {color: black}

.popup-overlay {display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.5)}

.popup-content { background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 500px; text-align: center; position: relative}

#openPopupButton1 {border-radius: 10px; box-shadow: 2px 2px 7px black; padding: 2px;  border-style: ridge; border-color: black; display: flex; text-align: center; justify-content: center; color: #CC9523}

#openPopupButton2 {border-radius: 10px; box-shadow: 2px 2px 7px black; padding: 2px;  border-style: ridge; border-color: black; display: flex; text-align: center; justify-content: center; color: #CC9523}

#openPopupButton3 {border-radius: 10px; box-shadow: 2px 2px 7px black; padding: 2px;  border-style: ridge; border-color: black; display: flex; text-align: center; justify-content: center; color: #CC9523}

#openPopupButton4 {border-radius: 10px; box-shadow: 2px 2px 7px black; padding: 2px;  border-style: ridge; border-color: black; display: flex; text-align: center; justify-content: center; color: #CC9523}

#openPopupButton5 {border-radius: 10px; box-shadow: 2px 2px 7px black; padding: 2px;  border-style: ridge; border-color: black; display: flex; text-align: center; justify-content: center; color: #CC9523}

#openPopupButton6 {border-radius: 10px; box-shadow: 2px 2px 7px black; padding: 2px;  border-style: ridge; border-color: black; display: flex; text-align: center; justify-content: center; color: #CC9523}

#about {text-align: center; margin: auto 500px; display: block}

#about h2 {font-size: 30px}

#contact {border-radius: 10px; display: flex; justify-content: center; width: 1000px; padding-top: 75px; padding-left: 500px}

#contact {padding-bottom: 10px}

#contact img {border-radius: 30px; margin-right: 75px}

#contact1 {font-size: 30px; text-align: center; padding-top: 100px}

#contact p {padding-left: 30px; width: 800px; padding-bottom: 10px}

#crew {border-radius: 10px; display: flex; justify-content: center; width: 800px; padding-top: 75px; padding-left: 500px}

#crew img {border-radius: 30px}

#crew p {padding-left: 30px}

#pros {padding-top: 30px; display: block; padding-left: 300px; z-index: 1}

#pros h2 {font-size: 40px}

#pros li {font-size: 30px; text-shadow: 0px 0px 10px black}

#pros2 {padding-top: 30px; padding-bottom: 30px; display: block; padding-left: 300px; z-index: 1}

#pros2 h2 {font-size: 40px}

#pros2 li {font-size: 30px; text-shadow: 0px 0px 10px black}

#crew1 {font-size: 30px; text-align: center; padding-top: 100px}

#memes {display: flex; justify-content: center}

#memes1 {font-size: 30px; text-align: center; padding-top: 100px}

p {font-family: "Algerian", "Edwardian Script ITC", "Sans Serif"}

body {}

#helmet-row5 a {margin-top: 20px}

#helmet-row6 a {margin-top: 20px}

#helmet-row2flail a {margin-top: 20px}

#helmet-row2flail {border: 5px; padding: 50px; border-style: solid; width: 285px; border-radius: 50px}

#helmet-row2flail h2 {text-align: center}

#helmet-row1axe h2 {text-align: center}

#helmet-row1axe {border: 5px; padding: 50px; border-style: solid; width: 285px; border-radius: 50px}

#helmet-row1axe a {margin-top: 20px}

#helmet-row31 a {margin-top: 20px}

#helmet-row41 a {margin-top: 20px}

#image {background-image: url(images/background.avif); background-size: cover; max-height: 2000px; max-width: 3000px}

#image h2 {text-align: center; font-size: 60px}

h2 {font-family: "Algerian", "Edwardian Script ITC", "Sans Serif"}

head {}

header  {background-color: #781300; width: 100%; top: 0; padding-bottom: 300px}

header a {float: left}

footer {background-color: #781300}

footer ul {}

footer ul li {padding-bottom: 5px}

main {}

#flail-row2 h3 {}

#helmet-buttons2 #helmet-row2 {border: 100px; padding: 50px; border-style: inset; width: 285px}

#helmet-buttons2 #helmet-row2 {border: 100px; padding: 50px; border-style: inset; width: 285px}

#helmet-buttons1 {display: flex; justify-content: space-around; padding-bottom: 50px}

#helmet-buttons2 {display: flex; justify-content: space-around; padding-bottom: 50px}

#helmet-buttons3 {display: flex; justify-content: space-around}
 
#helmet-button {border-radius: 10px; box-shadow: 2px 2px 7px black; padding: 2px;  border-style: ridge; border-color: black; display: flex; text-align: center; justify-content: center}

#tools-row1 #helmet-row1 h3 {padding-top: 0px}

#helmet-row1 {border: 5px; padding: 50px; border-style: solid; width: 285px; border-radius: 50px}

#helmet-row1 img {padding-bottom: 86px}

#helmet-row1 a {margin-top: 20px}

#helmet-row2 a {margin-top: 20px}

#helmet-row3 img {padding-bottom: 90px}

#helmet-row3 a {margin-top: 20px}

#helmet-row4 img {padding-bottom: 156px}

#helmet-row4 a {margin-top: 20px}

#boc #home-helmets img {padding-bottom: 111px}

#boc #home-helmets a {margin-top: 20px}

#boc #home-tools img {padding-bottom: 0px}

#boc #home-tools a {margin-top: 20px}

#boc #home-potions img {padding-bottom: 50px}

#boc #home-potions a {margin-top: 20px}

#home-buttons  #home-helmets img {padding-bottom: 111px}

#home-buttons  #home-helmets a {margin-top: 20px}

#home-buttons  #home-tools img {padding-bottom: 111px}

#home-buttons  #home-tools a {margin-top: 20px}

#home-buttons  #home-potions img {padding-bottom: 161px}

#home-buttons  #home-potions a {margin-top: 20px}

#helmet-row1 h2 {text-align: center}

#helmet-row1 h3 {padding-top: 88px}

#helmet-row2 {border: 5px; padding: 50px; border-style: solid; width: 285px; border-radius: 50px}

#helmet-row2 h2 {text-align: center}

#helmet-row2 h3 {padding-top: 0px}

#helmet-row3 {border: 5px; padding: 50px; border-style: solid; width: 285px; border-radius: 50px}

#helmet-row3 h2 {text-align: center}

#helmet-row3 h3 {padding-top: 85px}

#helmet-row31 {border: 5px; padding: 50px; border-style: solid; width: 285px; border-radius: 50px}

#helmet-row31 h2 {text-align: center}

#helmet-row31 h3 {}

#helmet-row4 {border: 5px; padding: 50px; border-style: solid; width: 285px; border-radius: 50px}

#helmet-row4 h2 {text-align: center}

#helmet-row4 h3 {padding-top: 150px}

#helmet-row41 {border: 5px; padding: 50px; border-style: solid; width: 285px; border-radius: 50px}

#helmet-row41 h2 {text-align: center}

#helmet-row41 h3 {}

#helmet-row5 {border: 5px; padding: 50px; border-style: solid; width: 285px; border-radius: 50px}

#helmet-row5 h2 {text-align: center}

#helmet-row5 h3 {padding-top: 67px}

#helmet-row6 {border: 5px; padding: 50px; border-style: solid; width: 285px; border-radius: 50px}

#helmet-row6 h2 {text-align: center}

#helmet-row6 h3 {padding-top: 67px}

#tools-buttons3 {display: flex; justify-content: space-around}

#tools-buttons3 h3 {padding-top: 30px}

#tools-buttons2 {display: flex; justify-content: space-around; padding-bottom: 50px}

#tools-buttons2 h3 {padding-top: 30px}

#tools-row1 {display: flex; justify-content: space-around; padding-bottom: 50px}

#boc {display: flex; justify-content: space-around; padding-bottom: 50px}

#boc #home-helmets h3 {padding-top: 115px}

#privacy li {color: black}

#bar-title {background-image: url(images/bar-banner.webp); background-size: cover; height: 200px; text-shadow: 4px 4px 2px black; color: #CC9523; text-align: center; padding: 90px; font-size: 50px}

#home-helmets {border: 5px; padding: 50px; border-style: solid; width: 285px; border-radius: 50px}

#home-helmets h2 {text-align: center}

#home-tools {border: 5px; padding: 50px; border-style: solid; width: 285px; border-radius: 50px}

#home-tools h2 {text-align: center}

#home-potions {border: 5px; padding: 50px; border-style: solid; width: 285px; border-radius: 50px}

#home-potions img {padding-bottom: 50px}

#home-potions h2 {text-align: center}

h3 {width: 300px}

nav {}

#overlay {font-size: 50px; font-family: "Algerian", "Edwardian Script ITC", "Sans Serif";text-shadow: 0px 0px 10px #FFFFFF; display: block; text-align: right; z-index: 2; position: absolute; top: 130%; left: 70%; background-color: black; padding: 15px; border-radius: 100px}

header nav ul {width: 500px; margin: 20px auto}

header nav ul li {padding: 0 30px; font-size: 30px}

button {font-family: "Algerian", "Edwardian Script ITC", "Sans Serif"; color:  #CC9523; border-radius: 10px; box-shadow: 2px 2px 7px black}

li {font-family: "Algerian", "Edwardian Script ITC", "Sans Serif"; color:  #CC9523}

#signin {float: right}

#home-title {text-align: center; padding-top: 30px; padding-bottom: 30px}

#home-buttons {display: flex; justify-content: space-around}

#home-button {border-radius: 10px; box-shadow: 2px 2px 7px black; padding: 2px;  border-style: ridge; border-color: black; display: flex; text-align: center; justify-content: center}

#home-button2 {border-radius: 10px; box-shadow: 2px 2px 7px black; padding: 2px;  border-style: ridge; border-color: black; display: flex; text-align: center; justify-content: center}

#home-button3 {border-radius: 10px; box-shadow: 2px 2px 7px black; padding: 2px;  border-style: ridge; border-color: black; display: flex; text-align: center; justify-content: center}

#home-button4 {border-radius: 10px; box-shadow: 2px 2px 7px black; padding: 2px;  border-style: ridge; border-color: black; display: flex; text-align: center; justify-content: center}

#home-button5 {border-radius: 10px; box-shadow: 2px 2px 7px black; padding: 2px;  border-style: ridge; border-color: black; display: flex; text-align: center; justify-content: center}

#home-button6 {border-radius: 10px; box-shadow: 2px 2px 7px black; padding: 2px;  border-style: ridge; border-color: black; display: flex; text-align: center; justify-content: center}

#signin li {display: table-cell}

#buttons {float: left; display: inline; text-align: center; padding-left: 170px}

#buttons li {display: table-cell; padding-top: 80px}

#cart a {}

#login a {background-color: black; padding: 7px; border-radius: 15px}

#signup a {background-color: black; padding: 7px 7px 7px 7px; border-radius: 15px}

#Logo {display: block; padding: 25px}

#group {text-align: center; width: 1000px; margin: 50px auto; padding-top: 75px}

#group ul li {display: block; padding-right: 50px}

#footer-colums li {display: inline; padding-left: 25px}

#footer-colums  {text-align: center; padding-top: 200px; padding-bottom: 25px}

#enemys-colums {display: inline; float: left; padding-left: 40px}

#gear-colums {display: inline; float: left; padding-left: 40px}

#dudes-colums {display: inline; float: left}

#wars-colums {display: inline; float: left; padding-left: 75px}

a:link {color: #CC9523; text-decoration: none}
a:visited {color: #CC9523; text-decoration: none}
a:hover {color: #FFFFFF; text-decoration: none}
a:active {color: #000000; text-decoration: none}