body {
  font-family: 'Courier New';
  background-color: #010101;
  color: white;
}

#select-head {
    text-align: center;
}
#deck_line {
    display: -webkit-box;
    white-space: nowrap;
}

#deck_key {
    width: 60px;
    
}

#deck_img {
    margin-left: 40%;

}


#boosters-head {
    text-align: center;
}
#booster_line {
    display: -webkit-box;
    white-space: nowrap;
}

#booster_key {
    display: -webkit-box;
    width: 250px;
    
}

#cards-head {
    text-align: center;
}
#card_line {
    display: -webkit-box;
    white-space: nowrap;
}

#card_key {
    width: 100%;
    
}
#card_img {
    margin-left: 17%;
}


h1, h3 {
    text-align: center;    
}

aside.context {
  text-align: center;
  color: #333;
  line-height: 1.7;
  margin-bottom: 30px;
}
aside.context a {
  text-decoration: none;
  color: #333;
  padding: 3px 0;
  border-bottom: 1px dashed;
}
aside.context a:hover {
  border-bottom: 1px solid;
}

.button{
  margin: 2em 0 0;

  /* text-transform: uppercase; */
  cursor: pointer;
  display: inline-block;
  border: 2px dotted;
  color: #43b90b;
  padding: 8px 10px;
}
.button:hover {
  color: #f23e03;
  border: 2px solid;
}

#main {
    margin-left: 33%;
    margin-right: 33%;
}

.ct_info {
    position:absolute;
    right:0px;
    top:0px;
    padding: 10px;

}
.other_info {
    position:absolute;
    right:0px;
    top:30px;
    padding: 10px;
    
}
.other_info2 {
    position:absolute;
    right:0px;
    top:60px;
    padding: 10px;
    
}