body{}

h2{
   margin:5 0;
   font-size:16px;
   border-bottom:black 4px solid;
   padding-bottom:4px;
   }

#wrapper{
   width:1200px;
   margin: 0 auto;
}

#charas{
   display:flex;   flex-direction:row;
   flex-wrap:wrap;
   justify-content:center;
   align-items:flex-start;
   }

#error{
   width:800px;
   border:red 2px solid;
   display:none;
   margin: 0 auto;
   color:red;
   padding: 5px;
   text-align:center;
}
#error img{
   float:right;
   height:1em;
}

.subwrapper{
   width:380px;
   margin:10px;
}

.charBox{
   list-style:none;
   display:none;
}

.header{
   font-size:16pts;
   background-image:url(dash.png);
   background-repeat:x-repeat;
   background-attach:center center;
}

.title{
   background-color:white;
   }

#spotlight{
   font-size:60pt;
   font-variant:small-caps;
   text-align:center;
}

hr.clean{
   display:inline-block;
   width:100px;
   }
   
.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #000000;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #000000 4px;
  text-decoration: none;
  background-color:white;
  vertical-align:bottom;
  display:inline;
    margin: 10px;
}

div a{
   font-size:10px;
   color:#222222;
   }

.btn:hover {
  text-decoration: none;
  padding:15px 30px 15px 30px;
  font-size:24px;
}

#magicButton{
  display:flex;
  justify-content: center;
  align-items: center;
  height: 75px;
  width: 1200px;
   }