div
{
 position:absolute;
 width:4%;
 height:8%;
 border-radius:10%;
 cursor:pointer;
 background-color:MidnightBlue;
 background-size:contain;
 background-position:center;
 background-repeat:no-repeat;
 font-weight:bold;
 display:flex;
 justify-content:center;
 align-items:center;
 -webkit-user-select: none; /* Для браузеров на WebKit (Chrome, Safari) */
 -moz-user-select: none; /* Для Firefox */
 -ms-user-select: none; /* Для Internet Explorer/Edge */
 user-select: none; /* Стандартное свойство */
}
 #ila{left:0%;top:4%; opacity:0.7;font-size:70%;color:LightCyan;} #ila:hover{opacity:1.0;}
 #ilb{left:0%;top:12%;opacity:0.7;} #ilb:hover{opacity:1.0;}
 #ilc{left:0%;top:20%;opacity:0.7;} #ilc:hover{opacity:1.0;}
 #ild{left:0%;top:28%;opacity:0.7;} #ild:hover{opacity:1.0;}
 #ile{left:0%;top:36%;opacity:0.7;} #ile:hover{opacity:1.0;}
/* #ilf */
 #ilg{left:0%;top:52%;opacity:0.7;} #ilg:hover{opacity:1.0;}
 #ilh{left:0%;top:60%;opacity:0.7;} #ilh:hover{opacity:1.0;}
 #ili{left:0%;top:68%;opacity:0.7;} #ili:hover{opacity:1.0;}
 #ilj{left:0%;top:76%;opacity:0.7;} #ilj:hover{opacity:1.0;}
 #ilk{left:0%;top:84%;opacity:0.7;} #ilk:hover{opacity:1.0;}
 #ill{left:0%;top:92%;opacity:0.7;} #ill:hover{opacity:1.0;}
/*div*/
 #ial{left:4%;top:4% ;opacity:0.7;font-size:70%;color:LightCyan;} #ial:hover{opacity:1.0;}
 #ibl{left:4%;top:12%;opacity:0.7;} #ibl:hover{opacity:1.0;}
 #icl{left:4%;top:20%;opacity:0.7;} #icl:hover{opacity:1.0;}
 #idl{left:4%;top:28%;opacity:0.7;} #idl:hover{opacity:1.0;}
 #iel{left:4%;top:36%;opacity:0.7;} #iel:hover{opacity:1.0;}
 #ifl{left:4%;top:44%;opacity:0.7;} #ifl:hover{opacity:1.0;}
 #igl{left:4%;top:52%;opacity:0.7;} #igl:hover{opacity:1.0;}
 #ihl{left:4%;top:60%;opacity:0.7;} #ihl:hover{opacity:1.0;}
 #iil{left:4%;top:68%;opacity:0.7;} #iil:hover{opacity:1.0;}
 #ijl{left:4%;top:76%;opacity:0.7;} #ijl:hover{opacity:1.0;}
 #ikl{left:4%;top:84%;opacity:0.7;} #ikl:hover{opacity:1.0;}
 #iml{left:4%;top:92%;opacity:0.7;} #iml:hover{opacity:1.0;}
/*div*/
 #ira{right:0%;top:4% ;opacity:0.7;background-image:url(GrClock/grClock.svg);} #ira:hover{opacity:1.0;}
 #irb{right:0%;top:12%;opacity:0.7;} #irb:hover{opacity:1.0;}
 #irc{right:0%;top:20%;opacity:0.7;} #irc:hover{opacity:1.0;}
 #ird{right:0%;top:28%;opacity:0.7;} #ird:hover{opacity:1.0;}
 #ire{right:0%;top:36%;opacity:0.7;} #ire:hover{opacity:1.0;}
/* #irf */
 #irg{right:0%;top:52%;opacity:0.7;} #irg:hover{opacity:1.0;}
 #irh{right:0%;top:60%;opacity:0.7;} #irh:hover{opacity:1.0;}
 #iri{right:0%;top:68%;opacity:0.7;} #iri:hover{opacity:1.0;}
 #irj{right:0%;top:76%;opacity:0.7;} #irj:hover{opacity:1.0;}
 #irk{right:0%;top:84%;opacity:0.7;} #irk:hover{opacity:1.0;}
 #irl{right:0%;top:92%;opacity:0.7;} #irl:hover{opacity:1.0;}
/*div*/
 #iar{right:4%;top:4% ;opacity:0.7;background-image:url(grABC256/grABC256.svg);} #iar:hover{opacity:1.0;}
 #ibr{right:4%;top:12%;opacity:0.7;} #ibr:hover{opacity:1.0;}
 #icr{right:4%;top:20%;opacity:0.7;} #icr:hover{opacity:1.0;}
 #idr{right:4%;top:28%;opacity:0.7;} #idr:hover{opacity:1.0;}
 #ier{right:4%;top:36%;opacity:0.7;} #ier:hover{opacity:1.0;}
 #ifr{right:4%;top:44%;opacity:0.7;} #ifr:hover{opacity:1.0;}
 #igr{right:4%;top:52%;opacity:0.7;} #igr:hover{opacity:1.0;}
 #ihr{right:4%;top:60%;opacity:0.7;} #ihr:hover{opacity:1.0;}
 #iir{right:4%;top:68%;opacity:0.7;} #iir:hover{opacity:1.0;}
 #ijr{right:4%;top:76%;opacity:0.7;} #ijr:hover{opacity:1.0;}
 #ikr{right:4%;top:84%;opacity:0.7;} #ikr:hover{opacity:1.0;}
 #ilr{right:4%;top:92%;opacity:0.7;} #ilr:hover{opacity:1.0;}
/* --- Анимация кнопок смены бэкграундв каждой страницы --- */
#ilf, #irf {
  position: absolute;
  top: 44%;
  opacity: 0.5; /* чуть прозрачнее */
  font-size: 256%;
  font-weight: bold;
  color: #D8BFD8; /* начальный цвет */
  background-image: url(grSpaceStreet/grSpaceStreet.svg);
  transition: color 12s ease-in-out, opacity 12s ease-in-out;
}

#ilf { left: 0%; }
#irf { right: 0%; }
/**/
#ilf:hover, #irf:hover {
  animation: dream-fade 23s infinite ease-in-out;
  opacity: 1;
  background-color: transparent;
  text-shadow:
    0 0 5px #fff,
    0 0 10px #c0f,
    0 0 20px #a0f,
    0 0 30px #60f,
    0 0 40px #30f;
}

@keyframes dream-fade {
  0%   { color: Azure;      opacity: 1; }
  20%  { color: Aquamarine; opacity: 0.8; }
  50%  { color: Purple;     opacity: 0.6; }
  80%  { color: Aquamarine; opacity: 0.8; }
  100% { color: Azure;      opacity: 1; }
}
}
/*---------------------------------------------------------------*/