html, body {font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:14px;
            text-align:center; color:#000000!important; background-color:#F1F1F1!important;}
button {font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:14px; cursor:pointer;}
.stranica {margin-left:auto; margin-right:auto; max-width:800px;}
.kutija {padding:0.01em 16px;}
.kartica {box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.uvod {text-align:left; margin-left:50px;}
.radnja {position:relative; top:30px; margin:0px; margin-left:auto; margin-right:auto;
         background-image:url("FrogBg0.jpg"); /* PATH RELATIVAN PREMA LOKACIJI CSS-a */
         width:720px; height:200px; border:solid 2px #000000;}
/* @media (max-width:999px) {.not4mob {display:none;}} */
/* @media (min-width:1000px){.not4mon {display:none;}} */

@media (max-width:768px) {.not4mob {display:none;}}
@media (min-width:769px){.not4mon {display:none;}}

#poruka {margin-top:50px;}                                      /* Uputa "Klikni/Takni... */
#L1 {position:absolute; cursor:pointer; top:100px; left:10px;}  /* Žabe lijevo */
#L2 {position:absolute; cursor:pointer; top:100px; left:110px;}
#L3 {position:absolute; cursor:pointer; top:100px; left:210px;}
#B1 {position:absolute; display:none; top:0px; left:260px;}     /* Bravo */
#D1 {position:absolute; cursor:pointer; top:100px; left:410px;} /* žabe desno */
#D2 {position:absolute; cursor:pointer; top:100px; left:510px;}
#D3 {position:absolute; cursor:pointer; top:100px; left:610px;}
#SLa {position:absolute; display:none; top:80px;}  /* Skakac Lijevi a */
#SLb {position:absolute; display:none; top:30px;}  /* Skakac Lijevi b */
#SLc {position:absolute; display:none; top:20px;}  /* Skakac Lijevi c */
#SDa {position:absolute; display:none; top:80px;}  /* Skakac Desni a */
#SDb {position:absolute; display:none; top:30px;}  /* Skakac Desni b */
#SDc {position:absolute; display:none; top:20px;}  /* Skakac Desni c */

#zakreni {position: fixed; top: 50%; left: 50%;    /* Tekst i slika za Landscape */
          transform: translate(-50%, -50%); width: 100%; text-align: center; font-size:50px;
          background-color: rgba(0, 0, 0, 0.7); color: white; padding: 20px; display: none;}
#zakreni img {width: 50%; margin: 20px auto;}