/*important*/
html, body {
font-size: 13px;
font-family: Verdana, sans-serif;
text-rendering: optimizeLegibility;
margin: 0%;
background-color: #fff000;
background-image: url(../../img/shrine/arms_bg.png);
}

/*important*/
#wrapper{
margin: auto;
width: 70vw;
}

#flex {
display: flex;
}

/*main and aside*/
main{
padding: 1%;

color: #fff;
background-color: #211f20;
}

header{
padding: 1%;

text-align: center;

color: #fff000;
background-color: #000;

width: auto;
height: auto;
}

aside{
padding: 1%;

background-color: #000;

width: 100%;
}


/*headings*/
h1, h2, h3 {
margin: 0%;
margin-left: 0%;
margin-right: 0%;
margin-top: 0%;
}

/*horizontal lines*/
hr {
border-top: none;
border-bottom: 1px dashed #fff;
border-right: none;
border-left: none;
}

/*lists*/

li, ol, ul {
text-align: left;

margin: 1.5%;
padding-left: 0%;

list-style-position: inside;
}

/*hyperlinks*/
a {
color:#fff000;
text-decoration: underline;
}

a:hover {
color:#f55634;
text-decoration: none;
}

/*tables*/
table, td, th {
border-collapse: collapse;
border: 1px solid #000;
padding: 3px;
overflow:hidden;
word-break:normal;

margin-left: auto;
margin-right: auto;
}

#armsdiv{
color: #fff000; 
background-color: #000;
text-align: center;

padding: 1%;
margin: 1%;
border: #fff000 3px solid;
border-radius: 15px 0px 15px 0px;
}

#armslink_nav{
padding: 1%;

text-align: center;
}

#armslink{
color: #000; 
background-color: #fff000;
border: #fff000;

padding: 5px;

border: #fff000 2px solid;
border-radius: 15px 0px 15px 0px;

width: auto;
height: auto;

text-align: center;
font-weight: bold;
}

#armslink:hover{
color: #fff000; 
background-color: #000;
}

#springman{
background-color:#e91a51; 
color: #fff;
font-size: 18px;
padding: 1%;

border: #000 3px solid;
border-radius: 15px 0px 15px 0px;
}

#ribbongirl{
background-color:#d63e7d; 
color: #fff;
font-size: 18px;
padding: 1%;

border: #000 3px solid;
border-radius: 15px 0px 15px 0px;
}

#ninjara{
background-color:#224467; 
color: #fff;
font-size: 18px;
padding: 1%;

border: #000 3px solid;
border-radius: 15px 0px 15px 0px;
}

#mastermummy{
background-color:#82438f; 
color: #fff;
font-size: 18px;
padding: 1%;

border: #000 3px solid;
border-radius: 15px 0px 15px 0px;
}

#minmin{
background-color: #23a133;
color: #fff;
font-size: 18px;
padding: 1%;

border: #000 3px solid;
border-radius: 15px 0px 15px 0px;
}

#mechanica {
background-color: #ef9831;
color: #fff;
font-size: 18px;
padding: 1%;

border: #000 3px solid;
border-radius: 15px 0px 15px 0px;
}

#twintelle {
background-color: #ad954c;
color: #fff;
font-size: 18px;
padding: 1%;

border: #000 3px solid;
border-radius: 15px 0px 15px 0px;
}

#bytebarq {
background-color: #3c97cf;
color: #fff;
font-size: 18px;
padding: 1%;

border: #000 3px solid;
border-radius: 15px 0px 15px 0px;
}

#kidcobra {
background-color: #6a4da2;
color: #fff;
font-size: 18px;
padding: 1%;

border: #000 3px solid;
border-radius: 15px 0px 15px 0px;
}

#helix {
background-color: #298060;
color: #fff;
font-size: 18px;
padding: 1%;

border: #000 3px solid;
border-radius: 15px 0px 15px 0px;
}

#maxbrass {
background-color: #c98817;
color: #fff;
font-size: 18px;
padding: 1%;

border: #000 3px solid;
border-radius: 15px 0px 15px 0px;
}

#lolapop {
background-color: #30b0ac;
color: #fff;
font-size: 18px;
padding: 1%;

border: #000 3px solid;
border-radius: 15px 0px 15px 0px;
}

#misango {
background-color: #77a121;
color: #fff;
font-size: 18px;
padding: 1%;

border: #000 3px solid;
border-radius: 15px 0px 15px 0px;
}

#springtron {
background-color: #666;
color: #fff;
font-size: 18px;
padding: 1%;

border: #000 3px solid;
border-radius: 15px 0px 15px 0px;
}

#drcoyle {
background-color: #a84391;
color: #fff;
font-size: 18px;
padding: 1%;

border: #000 3px solid;
border-radius: 15px 0px 15px 0px;
}

#hedlok {
background-color: #000;
color: #f00;
font-size: 18px;
padding: 1%;

border: #f00 3px solid;
border-radius: 15px 0px 15px 0px;
}