/* RENDEZHETO TOMB */
div.tomb {
    position: relative;
    font-size: 1.5em;

    margin: 0.5em;
    z-index: 1;
    height: 2em;        /* =lenti height */
    line-height: 2em;   /* =height */
}
   div.tomb>span, div.tomb>div {
       text-align: center;
       display: block;
       margin: 0; padding: 0;
       width: 2em; height: 2em;        /* ugyanannyi */
       border-radius: 50%;

       background-color: #F0E8D9;
       color: #000;
       border: 1px solid #D1C2A6;
       box-shadow: none;

       font-weight: bold;
       text-shadow: 0px 0px 3px white;

       -webkit-transition: background-color 1s, left .5s, top 0.25s;
       -moz-transition: background-color 1s, left .5s, top 0.25s;
       -o-transition: background-color 1s, left .5s, top 0.25s;
   }
   div.tomb>span {
       display: inline-block;
       margin-right: 0.15em;
   }
   div.tomb>div { position: absolute; }
   div.tomb>.jelolt { outline: 6px solid orange; }
   div.tomb>.kesz { background-color: #4f4; }
   div.tomb>.pivot { background-color: #ff4; }
   div.tomb>.piros { background-color: #f44; }
   div.tomb>.kek { background-color: #44f; }
div.tombcaption {
   margin-top: 0.5em;
   text-align: center;
}

div.pixel {
   line-height: 0.3em;
   text-align: center;
}
   div.pixel>div {
      line-height: 0;
      display: inline-block;
      width: 0.55em;
      height: 0.55em;
      border: 1px solid #111;
      margin: 0;
      padding: 0;
      margin-bottom: -1px;
      margin-right: -1px;
   }
   div.pixel.large>div {
      width: 0.75em;
      height: 0.75em;
   }
   div.pixel.egernagyit>div:hover {
      -webkit-transition: all .25s;
      -moz-transition: all .25s;
      -o-transition: all .25s;
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -o-transform: scale(2);
   }
   div.pixel>div.fekete { background: #000; }
   div.pixel>div.feher { background: #fff; }
   div.pixel>div.naci { background: #d10041; }
   div.pixel>div.fej { background: #F2D7B5; }
   div.pixel>div.cipo { background: #7b9bb2; }
   div.pixel>div.polo { background: #fff120; }
   div.pixel>div.hatter { background: #80b27b; }
   div.pixel>div.fal { background: url('tegla.png'); border-color: #800; }
   div.pixel>div.jarat { background: #000; border-color: #111; }
   @media print {
      /* inverz */
      div.pixel>div.jarat { background: #222; border-color: #333; }
      div.pixel>div.fal { background: #fff; border-color: #ccc;}
   }
div.hanoi {
    position: relative;
    width: 100%;
}
    div.hanoi>div.korong { /* korong */
        position: absolute;
        z-index: 1;
        border: 0.1em solid black;
        border-radius: 1em/1.5em;
        -webkit-transition: all ease-in-out 0.48s;
        -moz-transition: all ease-in-out 0.48s;
        -o-transition: all ease-in-out 0.48s;
    }
    div.hanoi>div.oszlop {
       position: absolute;
       bottom: 0;
       top: 2em;
       background: #840;
       border: 0.1em solid black;
       border-bottom: none;
    }
    div.hanoialja {
       background: #840;
       border: 0.1em solid black;
       height: 1em;
       margin: 0em 1em;
       margin-bottom: 0.5em;
    }
    div.hanoi>div:hover {  
    }