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

body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: 'space_invaders';
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

* {
  font-family: 'space_invaders';
  color: #FFFFFF;
}

#container {
  max-width: 700px;
  margin-right: auto;
  margin-left: auto;
}

#last_successful_img {
  height: 18px;
  width: 269px;
}

#flashes_img {
  height: 18px;
  width: 144px;
}

#info_section {
  position: relative;
  padding: 10px;
}

#whitout_paris_button {
  background-color: transparent;
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 100%;
  right: 10px;
  bottom: 10px;
  height: 22px;
  position: absolute;
  width: 22px;
  border: 0px;
  cursor: pointer;
  z-index: 101;
}

#flashinvader_numbers {
  font-size: 11px;
}

.flash_ele {
  height: 205px;
  width: 155px;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  text-align: left;
  margin-bottom: 10px;
}

.flash_ele img {
  border: 1px solid #666;
  height: 150px;
  width: 150px;
}

#loading {
  display: block;
  opacity: 0;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 50px;
}

#planet_bottom {
  display: block;
  content: url(../img/flashinvaders_live/planet_big.png);
  height: auto;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}

#overlay {
  background: transparent;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
}


@media screen and (max-width:700px) {

  #container {
    width: 304px;
  }

  .flash_ele img {
    height: 130px;
    width: 130px;
  }

  .flash_ele {
    height: 190px;
    width: 132px;
  }

  #planet_bottom {
    display: block;
    content: url(../img/flashinvaders_live/planet_small.png);
    width: 100%;
    height: auto;
  }

}