h1 {
  margin: 0
}

@font-face {
  font-family: CalamitySans;
  src: url("assets/Calamity-Regular.otf") format("opentype");
}

.Calamity {
  font-family: CalamitySans;
}

.CommandItemSelected {
  background-color: #eeeeee;
}

.CommandItemContextSelected {
  background-color: #eeaaaa;
}

.CommandItemComment{
  color: green;
  font-size: 10pt;
}

.CommandItem {
  padding: 2px 2px 2px 10px;
  cursor: pointer;
}

.CommandItem:hover {
  border: 1px solid black;
}

.CommandInput {
  border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid #0074d9;
  color: #b7f1ff;
  text-shadow: 0 0 5px #3aa0ff,0 0 5px #3aa0ff,0 0 5px #3aa0ff;
}

.CommandInput:focus-visible {
  border-color: #b7f1ff;
}

.InputError {
  color: #ff3333;
  text-shadow: 0 0 5px #ee7777,0 0 5px #ee7777,0 0 5px #ee7777;
  border-bottom: 2px solid #dd0000;
}

.InputError:focus-visible {
  border-bottom: 2px solid #ff3333;
}

.ItemSlot {
  margin: 4px;
  width: 64px;
  height: 64px;
  
  background-color: #333333bb;
  box-sizing: content-box;
  display: inline-block;
}

.ItemSlotBroken {
  background-color: #660000;
}

.GameDataBackground {
  background-color: #003300;
}

.ItemSlotEquipped {
  background-color: #0088ff;
}

.ItemImage {
  border: 1px solid #999999;
  box-sizing: border-box;
  margin:1px;
  width:62px;
  height:62px;
  display:inline-block;
}

.ItemCount {
  font-size: 10pt;
  position:relative;
  top:-22px;
  left:8px;
  color:#eeeeee;
  float: left;
}

h3.ListHeader {
  margin: 0;
  padding: 10px;
}

h4.Reference {
  margin: 0;
  color: #cccccc;
}

p.Reference {
  padding-left: 20px;
}

p.Example {
  color:#eeee00;
}

h3.Reference {
  margin-top: 30px;
  margin-bottom: 0;
}

h3.Reference2 {
  margin-top: 0;
  margin-bottom: 0;
}