/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* world/style.css
 *
 * copyright (c) 2021 drow <drow@bin.sh>
 * all rights reserved
*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* multiverse */

  div.multiverse {
    display: flex;
    flex-flow: row wrap; align-items: center;
  }
  div.multiverse > div.world {
    margin: 1ex 1em;
    flex-grow: 1;
    text-align: center;
  }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* world map */

  div.world_map {
    margin: 2ex 0px; margin-right: 2em;
    position: relative;
  }
  div.world_map div.marker {
    position: absolute;
    width: 24px; height: 24px;
    border-radius: 50%;
    background: #ff0000;
    opacity: 0.33;
  }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* world key */

  div.world_key { text-align: center; }
  div.world_key div { margin: 1ex 0px; }
  div.world_key span { margin: 0px 2em; }
  div.world_key img { margin: 0px 1ex; vertical-align: middle; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* world index */

  div.world_index {
    margin: 2ex 0px;
  }
  div.index {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    grid-column-gap: 5%;
  }
  div.index table { margin: 0px; }
  div.index th { background: #000000; color: #ffffff; }
  div.index tr:hover td { background: #dedede; }
  div.index .grid { text-align: right; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */