html, body, #container { margin: 0; display: flex; align-items: center; justify-content: center; height: 100vh; }
body { margin: 0; padding: 0;}
canvas { display: block; width: 100%; height: 100%; }
.amcharts-chart-div {

}
.amcharts-chart-div a {
  display:none !important;
}
.card {
  background-color: transparent !important;
  border: 0 !important;
  min-width: 220px !important;
  max-width: 220px !important;
  margin: 5px;
}
.selected-card {
  box-shadow: 0 0 5px 3px #a800ff;
}
.main-menu-btn {
  height: 45px;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #2b84e4 !important;
  border-color: #8cc2fd !important;
}
.attack-skill img, .defense-skill img, .attack img, .defense img,
.accuracy img, .evasion img, .power img {
	filter: invert(75%);
}
.card-property-icon {
  width: 26px;
  height: 30px;
}
.padding-0{
  padding-right:0 !important;
}
.nomargin{
  margin-right:0 !important;
  margin-left:0 !important;
}
.inputbox{
  font-size: 16px;
  height: 40px;
  width: 177px;
  box-sizing: border-box;
  color: rgb(102, 102, 102);
  background: rgb(255, 255, 255);
  border-width: 2px;
  border-style: solid;
  border-color: rgb(238, 238, 238);
  border-image: initial;
  border-radius: 6px;
  outline: none;
  padding: 0px 12px;
}
.main-btn-icon {
  margin-top: -3px;
}