@charset "utf-8";
/* CSS Document */

/* /// OD UNIT MAP /// */
#mapFrame {
  position: relative;
  width: 790px;
  height: 565px;
  margin: 0 auto;
}

#mapFrame .unitContainer {
  position: absolute;
}

:is(.odBomb, .rtsm) {
  transition: transform 1500ms ease-in-out;
  transform-origin: left top;
}
.odBomb {width: 25px; height: 25px;}
.rtsm {width: 24px; height: 20px;}

:is(.odBomb, .rtsm):hover {
  transform: scale(1.2);
  cursor: pointer;
}

.unit {
  display: block;
  position: absolute;
}

.legend {
  display: grid;
  grid-template: "aa aaTxt"
  "rtsm rtsmTxt"
  / 3rem auto;
  align-items: center;
  row-gap: 1rem;
  column-gap: 1.5rem;
  padding-bottom: 3rem;
  margin-left: 6rem;
}
.legendBomb {grid-area: aa;}
.legendBombText {grid-area: aaTxt;}
.legendRTSM {grid-area: rtsm;}
.legendRTSMtext {grid-area: rtsmTxt;}

/* UNITS POSITIONING */

#hi {
  bottom: 74px;
  left: 70px;
}

#caNorth {
  top: 0;
  left: 0
}

#caSouth {
  top: 273px;
  left: 48px;
}

#idaho {
  top: 132px;
  left: 141px;
}

#tx {
  bottom: 140px;
  left: 367px;
}

#ok {
  bottom: 205px;
  left: 360px;
}

#ks {
  top: 262px;
  left: 370px;
}

#moSouth {
  bottom: 255px;
  right: 318px;
}

#ia {
  top: 208px;
  right: 340px;
}

#mn {
  top: 131px;
  right: 350px;
}

#wi {
  top: 171px;
  right: 306px;
}

#mi {
  top: 195px;
  right: 240px;
}

#ms {
  bottom: 145px;
  right: 273px;
}

#al {
  bottom: 210px;
  right: 240px;
}

#flWest {
  bottom: 142px;
  right: 227px;
}

#flEast {
  bottom: 142px;
  right: 167px;
}

#gaWest {
  bottom: 175px;
  right: 197px;
}

#gaSouth {
  bottom: 173px;
  right: 160px;
}

#gaNorth {
  bottom: 192px;
  right: 170px;
}

#nc {
  bottom: 233px;
  right: 133px;
}

#vaSouth {
  top: 264px;
  right: 120px;
}

#vaNorth {
  top: 248px;
  right: 126px;
}

#paSouth {
  top: 202px;
  right: 108px;
}

#nj {
  top: 205px;
  right: 86px;
}

#ma {
  top: 155px;
  right: 61px;
}