.moon {
  position: absolute  ;
  display: flex;
  top: 12%; 
  left: 50%;
  transform: translate(-50%, -50%);
  height: 750px;
  width: 750px;
}

.moon-reflection {
   position: absolute;
    top: 50%;   
    left: 51%;
    transform: scaleY(-1) translate(-50%, -50%);
    height: 1000px;
    width: 1000px;
    opacity: 0.5;
    filter: blur(3px) saturate(80%);
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
}

.moonbox {
  position: absolute;
  height: 15px;
  width: 15px;
  background: #b7b781;
  left: 9999999999999999999999px;
}

/*MOON*/
.moonbox:nth-child(1){ top: 30px; left: 335px; }
.moonbox:nth-child(2){ top: 30px; left: 350px; }
.moonbox:nth-child(3){ top: 30px; left: 365px; }
.moonbox:nth-child(4){ top: 30px; left: 380px; }
.moonbox:nth-child(5){ background: #777752; top: 30px; left: 395px; }
.moonbox:nth-child(6){ background: #777752; top: 30px; left: 410px; }
/**/
.moonbox:nth-child(7){ top: 45px; left: 290px; }
.moonbox:nth-child(8){ top: 45px; left: 305px; }
.moonbox:nth-child(9){ top: 45px; left: 320px; }
.moonbox:nth-child(10){ top: 45px; left: 335px; }
.moonbox:nth-child(11){ background: #9f9f69; top: 45px; left: 350px; }
.moonbox:nth-child(12){ background: #9f9f69; top: 45px; left: 365px; }
.moonbox:nth-child(13){ background: #9f9f69; top: 45px; left: 380px; }
.moonbox:nth-child(14){ background: #9f9f69; top: 45px; left: 395px; }
.moonbox:nth-child(15){ background: #9f9f69; top: 45px; left: 395px; }
.moonbox:nth-child(16){ top: 45px; left: 410px; }
.moonbox:nth-child(17){ background: #777752; top: 45px; left: 425px; }
.moonbox:nth-child(18){ background: #777752; top: 45px; left: 440px; }
.moonbox:nth-child(19){ background: #777752; top: 45px; left: 455px; }
/***/
.moonbox:nth-child(21){ background: #777752; top: 60px; left: 245px; }
.moonbox:nth-child(22){ top: 60px; left: 260px; }
.moonbox:nth-child(23){ top: 60px; left: 275px; }
.moonbox:nth-child(24){ top: 60px; left: 290px; }
.moonbox:nth-child(25){ top: 60px; left: 305px; }
.moonbox:nth-child(26){ top: 60px; left: 320px; }
.moonbox:nth-child(27){ top: 60px; left: 335px; }
.moonbox:nth-child(28){ background: #9f9f69; top: 60px; left: 350px; }
.moonbox:nth-child(29){ background: #9f9f69; top: 60px; left: 365px; }
.moonbox:nth-child(30){ background: #9f9f69; top: 60px; left: 380px; }
.moonbox:nth-child(31){ background: #9f9f69; top: 60px; left: 395px; }
.moonbox:nth-child(32){ background: #9f9f69; top: 60px; left: 395px; }
.moonbox:nth-child(33){ top: 60px; left: 410px; }
.moonbox:nth-child(34){ top: 60px; left: 425px; }
.moonbox:nth-child(35){ top: 60px; left: 440px; }
.moonbox:nth-child(36){ top: 60px; left: 455px; }
.moonbox:nth-child(37){ background: #777752; top: 60px; left: 470px; }
.moonbox:nth-child(38){ background: #777752; top: 60px; left: 485px; }
/****/
.moonbox:nth-child(39){ background: #777752; top: 75px; left: 230px; }
.moonbox:nth-child(40){ background: #777752; top: 75px; left: 245px; }
.moonbox:nth-child(41){ background: #777752; top: 75px; left: 260px; }
.moonbox:nth-child(42){ top: 75px; left: 275px; }
.moonbox:nth-child(43){ top: 75px; left: 290px; }
.moonbox:nth-child(44){ top: 75px; left: 305px; }
.moonbox:nth-child(45){ top: 75px; left: 320px; }
.moonbox:nth-child(46){ top: 75px; left: 335px; }
.moonbox:nth-child(47){ background: #9f9f69; top: 75px; left: 350px; }
.moonbox:nth-child(48){ background: #9f9f69; top: 75px; left: 365px; }
.moonbox:nth-child(49){ background: #9f9f69; top: 75px; left: 380px; }
.moonbox:nth-child(50){ background: #9f9f69; top: 75px; left: 395px; }
.moonbox:nth-child(51){ background: #9f9f69; top: 75px; left: 395px; }
.moonbox:nth-child(52){ top: 75px; left: 410px; }
.moonbox:nth-child(53){ top: 75px; left: 425px; }
.moonbox:nth-child(54){ top: 75px; left: 440px; }
.moonbox:nth-child(55){ top: 75px; left: 455px; }
.moonbox:nth-child(56){ background: #9e9e60; top: 75px; left: 470px; }
.moonbox:nth-child(57){ background: #9e9e60; top: 75px; left: 485px; }
.moonbox:nth-child(58){ background: #777752; top: 75px; left: 500px; }
/*****/
.moonbox:nth-child(59){ background: #777752; top: 90px; left: 215px; }
.moonbox:nth-child(60){ background: #777752; top: 90px; left: 230px; }
.moonbox:nth-child(61){ background: #777752; top: 90px; left: 245px; }
.moonbox:nth-child(62){ background: #777752; top: 90px; left: 260px; }
.moonbox:nth-child(63){ top: 90px; left: 275px; }
.moonbox:nth-child(64){ top: 90px; left: 290px; }
.moonbox:nth-child(65){ top: 90px; left: 305px; }
.moonbox:nth-child(66){ top: 90px; left: 320px; }
.moonbox:nth-child(67){ top: 90px; left: 335px; }
.moonbox:nth-child(68){ background: #9f9f69; top: 90px; left: 350px; }
.moonbox:nth-child(69){ background: #9f9f69; top: 90px; left: 365px; }
.moonbox:nth-child(70){ background: #9f9f69; top: 90px; left: 380px; }
.moonbox:nth-child(71){ background: #9f9f69; top: 90px; left: 395px; }
.moonbox:nth-child(72){ background: #9f9f69; top: 90px; left: 395px; }
.moonbox:nth-child(73){ top: 90px; left: 410px; }
.moonbox:nth-child(74){ top: 90px; left: 425px; }
.moonbox:nth-child(75){ top: 90px; left: 440px; }
.moonbox:nth-child(76){ top: 90px; left: 455px; }
.moonbox:nth-child(77){ background: #9e9e60; top: 90px; left: 470px; }
.moonbox:nth-child(78){ background: #9e9e60; top: 90px; left: 485px; }
.moonbox:nth-child(79){ background: #9e9e60; top: 90px; left: 500px; }
.moonbox:nth-child(80){ background: #777752; top: 90px; left: 515px; }
.moonbox:nth-child(81){ background: #777752; top: 90px; left: 530px; }
.moonbox:nth-child(82){ background: #777752; top: 90px; left: 200px; }
/******/
.moonbox:nth-child(83){ background: #777752; top: 105px; left: 215px; }
.moonbox:nth-child(84){ background: #777752; top: 105px; left: 230px; }
.moonbox:nth-child(85){ background: #777752; top: 105px; left: 245px; }
.moonbox:nth-child(86){ background: #777752; top: 105px; left: 260px; }
.moonbox:nth-child(87){ top: 105px; left: 275px; }
.moonbox:nth-child(88){ top: 105px; left: 290px; }
.moonbox:nth-child(89){ top: 105px; left: 305px; }
.moonbox:nth-child(90){ top: 105px; left: 320px; }
.moonbox:nth-child(91){ top: 105px; left: 335px; }
.moonbox:nth-child(92){ background: #9f9f69; top: 105px; left: 350px; }
.moonbox:nth-child(93){ background: #9f9f69; top: 105px; left: 365px; }
.moonbox:nth-child(94){ background: #9f9f69; top: 105px; left: 380px; }
.moonbox:nth-child(95){ background: #9f9f69; top: 105px; left: 395px; }
.moonbox:nth-child(96){ background: #9f9f69; top: 105px; left: 395px; }
.moonbox:nth-child(97){ top: 105px; left: 410px; }
.moonbox:nth-child(98){ top: 105px; left: 425px; }
.moonbox:nth-child(99){ top: 105px; left: 440px; }
.moonbox:nth-child(100){ top: 105px; left: 455px; }
.moonbox:nth-child(101){ top: 105px; left: 470px; }
.moonbox:nth-child(102){ top: 105px; left: 485px; }
.moonbox:nth-child(103){ top: 105px; left: 500px; }
.moonbox:nth-child(104){ top: 105px; left: 515px; }
.moonbox:nth-child(105){ background: #777752; top: 105px; left: 530px; }
.moonbox:nth-child(106){ background: #777752; top: 105px; left: 200px; }
/*******/
.moonbox:nth-child(107){ background: #777752; top: 120px; left: 215px; }
.moonbox:nth-child(108){ background: #777752; top: 120px; left: 230px; }
.moonbox:nth-child(109){ background: #777752; top: 120px; left: 245px; }
.moonbox:nth-child(110){ top: 120px; left: 260px; }
.moonbox:nth-child(111){ top: 120px; left: 275px; }
.moonbox:nth-child(112){ top: 120px; left: 290px; }
.moonbox:nth-child(113){ top: 120px; left: 305px; }
.moonbox:nth-child(114){ top: 120px; left: 320px; }
.moonbox:nth-child(115){ top: 120px; left: 335px; }
.moonbox:nth-child(116){ top: 120px; left: 350px; }
.moonbox:nth-child(117){ top: 120px; left: 365px; }
.moonbox:nth-child(118){ top: 120px; left: 380px; }
.moonbox:nth-child(119){ top: 120px; left: 395px; }
.moonbox:nth-child(120){ top: 120px; left: 395px; }
.moonbox:nth-child(121){ top: 120px; left: 410px; }
.moonbox:nth-child(122){ top: 120px; left: 425px; }
.moonbox:nth-child(123){ top: 120px; left: 440px; }
.moonbox:nth-child(124){ top: 120px; left: 455px; }
.moonbox:nth-child(125){ top: 120px; left: 470px; }
.moonbox:nth-child(126){ top: 120px; left: 485px; }
.moonbox:nth-child(127){ top: 120px; left: 500px; }
.moonbox:nth-child(128){ top: 120px; left: 515px; }
.moonbox:nth-child(129){ background: #777752; top: 120px; left: 530px; }
.moonbox:nth-child(130){ background: #777752; top: 120px; left: 545px; }
.moonbox:nth-child(131){ background: #777752; top: 120px; left: 200px; }
.moonbox:nth-child(132){ background: #777752; top: 120px; left: 185px; }
/*******/
.moonbox:nth-child(133){ background: #777752; top: 135px; left: 170px; }
.moonbox:nth-child(134){ background: #777752; top: 135px; left: 185px; }
.moonbox:nth-child(135){ background: #777752; top: 135px; left: 200px; }
.moonbox:nth-child(136){ background: #777752; top: 135px; left: 215px; }
.moonbox:nth-child(137){ background: #777752; top: 135px; left: 230px; }
.moonbox:nth-child(138){ background: #777752; top: 135px; left: 245px; }
.moonbox:nth-child(139){ top: 135px; left: 260px; }
.moonbox:nth-child(140){ top: 135px; left: 275px; }
.moonbox:nth-child(141){ top: 135px; left: 290px; }
.moonbox:nth-child(142){ top: 135px; left: 305px; }
.moonbox:nth-child(143){ top: 135px; left: 320px; }
.moonbox:nth-child(144){ top: 135px; left: 335px; }
.moonbox:nth-child(145){ top: 135px; left: 350px; }
.moonbox:nth-child(146){ top: 135px; left: 365px; }
.moonbox:nth-child(147){ top: 135px; left: 380px; }
.moonbox:nth-child(148){ top: 135px; left: 395px; }
.moonbox:nth-child(149){ top: 135px; left: 395px; }
.moonbox:nth-child(150){ top: 135px; left: 410px; }
.moonbox:nth-child(151){ top: 135px; left: 425px; }
.moonbox:nth-child(152){ background: #9f9f69; top: 135px; left: 440px; }
.moonbox:nth-child(153){ background: #9f9f69; top: 135px; left: 455px; }
.moonbox:nth-child(154){ background: #9f9f69; top: 135px; left: 470px; }
.moonbox:nth-child(155){ top: 135px; left: 485px; }
.moonbox:nth-child(156){ top: 135px; left: 500px; }
.moonbox:nth-child(157){ top: 135px; left: 515px; }
.moonbox:nth-child(158){ background: #777752; top: 135px; left: 530px; }
.moonbox:nth-child(159){ background: #777752; top: 135px; left: 545px; }
.moonbox:nth-child(160){ background: #777752; top: 135px; left: 560px; }
/********/
.moonbox:nth-child(161){ background: #777752; top: 150px; left: 170px; }
.moonbox:nth-child(162){ background: #777752; top: 150px; left: 185px; }
.moonbox:nth-child(163){ background: #777752; top: 150px; left: 200px; }
.moonbox:nth-child(164){ background: #777752; top: 150px; left: 215px; }
.moonbox:nth-child(165){ background: #777752; top: 150px; left: 230px; }
.moonbox:nth-child(166){ top: 150px; left: 245px; }
.moonbox:nth-child(167){ top: 150px; left: 260px; }
.moonbox:nth-child(168){ top: 150px; left: 275px; }
.moonbox:nth-child(169){ top: 150px; left: 290px; }
.moonbox:nth-child(170){ top: 150px; left: 305px; }
.moonbox:nth-child(171){ top: 150px; left: 320px; }
.moonbox:nth-child(172){ top: 150px; left: 335px; }
.moonbox:nth-child(173){ top: 150px; left: 350px; }
.moonbox:nth-child(174){ top: 150px; left: 365px; }
.moonbox:nth-child(175){ top: 150px; left: 380px; }
.moonbox:nth-child(176){ top: 150px; left: 395px; }
.moonbox:nth-child(177){ top: 150px; left: 395px; }
.moonbox:nth-child(178){ top: 150px; left: 410px; }
.moonbox:nth-child(179){ top: 150px; left: 425px; }
.moonbox:nth-child(180){ background: #9f9f69; top: 150px; left: 440px; }
.moonbox:nth-child(181){ background: #9f9f69; top: 150px; left: 455px; }
.moonbox:nth-child(182){ background: #9f9f69; top: 150px; left: 470px; }
.moonbox:nth-child(183){ top: 150px; left: 485px; }
.moonbox:nth-child(184){ top: 150px; left: 500px; }
.moonbox:nth-child(185){ top: 150px; left: 515px; }
.moonbox:nth-child(186){ background: #777752; top: 150px; left: 530px; }
.moonbox:nth-child(187){ background: #777752; top: 150px; left: 545px; }
.moonbox:nth-child(188){ background: #777752; top: 150px; left: 560px; }
/********/
.moonbox:nth-child(189){ background: #777752; top: 165px; left: 155px; }
.moonbox:nth-child(190){ background: #777752; top: 165px; left: 170px; }
.moonbox:nth-child(191){ background: #777752; top: 165px; left: 185px; }
.moonbox:nth-child(192){ background: #777752; top: 165px; left: 200px; }
.moonbox:nth-child(193){ top: 165px; left: 215px; }
.moonbox:nth-child(194){ top: 165px; left: 230px; }
.moonbox:nth-child(195){ top: 165px; left: 245px; }
.moonbox:nth-child(196){ top: 165px; left: 260px; }
.moonbox:nth-child(197){ top: 165px; left: 275px; }
.moonbox:nth-child(198){ top: 165px; left: 290px; }
.moonbox:nth-child(199){ top: 165px; left: 305px; }
.moonbox:nth-child(200){ top: 165px; left: 320px; }
.moonbox:nth-child(201){ top: 165px; left: 335px; }
.moonbox:nth-child(202){ top: 165px; left: 350px; }
.moonbox:nth-child(203){ top: 165px; left: 365px; }
.moonbox:nth-child(204){ top: 165px; left: 380px; }
.moonbox:nth-child(205){ top: 165px; left: 395px; }
.moonbox:nth-child(206){ top: 165px; left: 395px; }
.moonbox:nth-child(207){ top: 165px; left: 410px; }
.moonbox:nth-child(208){ top: 165px; left: 425px; }
.moonbox:nth-child(209){ background: #9f9f69; top: 165px; left: 440px; }
.moonbox:nth-child(210){ background: #9f9f69; top: 165px; left: 455px; }
.moonbox:nth-child(211){ background: #9f9f69; top: 165px; left: 470px; }
.moonbox:nth-child(212){ top: 165px; left: 485px; }
.moonbox:nth-child(213){ top: 165px; left: 500px; }
.moonbox:nth-child(214){ top: 165px; left: 515px; }
.moonbox:nth-child(215){ background: #777752; top: 165px; left: 530px; }
.moonbox:nth-child(216){ background: #777752; top: 165px; left: 545px; }
.moonbox:nth-child(217){ background: #777752; top: 165px; left: 560px; }
.moonbox:nth-child(218){ background: #777752; top: 165px; left: 575px; }
/********=*/
.moonbox:nth-child(219){ top: 180px; left: 155px; }
.moonbox:nth-child(220){ top: 180px; left: 170px; }
.moonbox:nth-child(221){ top: 180px; left: 185px; }
.moonbox:nth-child(222){ top: 180px; left: 200px; }
.moonbox:nth-child(223){ top: 180px; left: 215px; }
.moonbox:nth-child(224){ top: 180px; left: 230px; }
.moonbox:nth-child(225){ top: 180px; left: 245px; }
.moonbox:nth-child(226){ top: 180px; left: 260px; }
.moonbox:nth-child(227){ top: 180px; left: 275px; }
.moonbox:nth-child(228){ background: #9f9f69; top: 180px; left: 290px; }
.moonbox:nth-child(229){ background: #9f9f69; top: 180px; left: 305px; }
.moonbox:nth-child(230){ background: #9f9f69; top: 180px; left: 320px; }
.moonbox:nth-child(231){ background: #9f9f69; top: 180px; left: 335px; }
.moonbox:nth-child(232){ top: 180px; left: 350px; }
.moonbox:nth-child(233){ top: 180px; left: 365px; }
.moonbox:nth-child(234){ top: 180px; left: 380px; }
.moonbox:nth-child(235){ top: 180px; left: 395px; }
.moonbox:nth-child(236){ top: 180px; left: 395px; }
.moonbox:nth-child(237){ top: 180px; left: 410px; }
.moonbox:nth-child(238){ top: 180px; left: 425px; }
.moonbox:nth-child(239){ background: #9f9f69; top: 180px; left: 440px; }
.moonbox:nth-child(240){ background: #9f9f69; top: 180px; left: 455px; }
.moonbox:nth-child(241){ background: #9f9f69; top: 180px; left: 470px; }
.moonbox:nth-child(242){ top: 180px; left: 485px; }
.moonbox:nth-child(243){ top: 180px; left: 500px; }
.moonbox:nth-child(244){ top: 180px; left: 515px; }
.moonbox:nth-child(245){ top: 180px; left: 530px; }
.moonbox:nth-child(246){ background: #777752; top: 180px; left: 545px; }
.moonbox:nth-child(247){ background: #777752; top: 180px; left: 560px; }
.moonbox:nth-child(248){ background: #777752; top: 180px; left: 575px; }
/********/
.moonbox:nth-child(249){ top: 195px; left: 155px; }
.moonbox:nth-child(250){ top: 195px; left: 170px; }
.moonbox:nth-child(251){ top: 195px; left: 185px; }
.moonbox:nth-child(252){ top: 195px; left: 200px; }
.moonbox:nth-child(253){ top: 195px; left: 215px; }
.moonbox:nth-child(254){ top: 195px; left: 230px; }
.moonbox:nth-child(255){ top: 195px; left: 245px; }
.moonbox:nth-child(256){ top: 195px; left: 260px; }
.moonbox:nth-child(257){ top: 195px; left: 275px; }
.moonbox:nth-child(258){ background: #9f9f69; top: 195px; left: 290px; }
.moonbox:nth-child(259){ top: 195px; left: 305px; }
.moonbox:nth-child(260){ top: 195px; left: 320px; }
.moonbox:nth-child(261){ top: 195px; left: 335px; }
.moonbox:nth-child(262){ top: 195px; left: 350px; }
.moonbox:nth-child(263){ top: 195px; left: 365px; }
.moonbox:nth-child(264){ top: 195px; left: 380px; }
.moonbox:nth-child(265){ top: 195px; left: 395px; }
.moonbox:nth-child(266){ top: 195px; left: 395px; }
.moonbox:nth-child(267){ top: 195px; left: 410px; }
.moonbox:nth-child(268){ top: 195px; left: 425px; }
.moonbox:nth-child(269){ top: 195px; left: 440px; }
.moonbox:nth-child(270){ top: 195px; left: 455px; }
.moonbox:nth-child(271){ top: 195px; left: 470px; }
.moonbox:nth-child(272){ top: 195px; left: 485px; }
.moonbox:nth-child(273){ top: 195px; left: 500px; }
.moonbox:nth-child(274){ top: 195px; left: 515px; }
.moonbox:nth-child(275){ top: 195px; left: 530px; }
.moonbox:nth-child(276){ top: 195px; left: 545px; }
.moonbox:nth-child(277){ top: 195px; left: 560px; }
.moonbox:nth-child(278){ background: #777752; top: 195px; left: 575px; }
/********/
.moonbox:nth-child(279){ background: #9f9f69; top: 195px; left: 140px; }
.moonbox:nth-child(280){ background: #9f9f69; top: 195px; left: 155px; }
.moonbox:nth-child(281){ background: #9f9f69; top: 195px; left: 170px; }
.moonbox:nth-child(282){ background: #9f9f69; top: 195px; left: 185px; }
.moonbox:nth-child(283){ background: #9f9f69; top: 195px; left: 200px; }
.moonbox:nth-child(284){ background: #9f9f69; top: 195px; left: 215px; }
.moonbox:nth-child(285){ top: 195px; left: 230px; }
.moonbox:nth-child(286){ top: 195px; left: 245px; }
.moonbox:nth-child(287){ top: 195px; left: 260px; }
.moonbox:nth-child(288){ top: 195px; left: 275px; }
.moonbox:nth-child(289){ top: 195px; left: 290px; }
.moonbox:nth-child(280){ top: 195px; left: 305px; }
.moonbox:nth-child(281){ top: 195px; left: 320px; }
.moonbox:nth-child(282){ top: 195px; left: 335px; }
.moonbox:nth-child(283){ top: 195px; left: 350px; }
.moonbox:nth-child(284){ top: 195px; left: 365px; }
.moonbox:nth-child(285){ top: 195px; left: 380px; }
.moonbox:nth-child(286){ top: 195px; left: 395px; }
.moonbox:nth-child(287){ top: 195px; left: 395px; }
.moonbox:nth-child(288){ top: 195px; left: 410px; }
.moonbox:nth-child(289){ top: 195px; left: 425px; }
.moonbox:nth-child(290){ top: 195px; left: 440px; }
.moonbox:nth-child(291){ top: 195px; left: 455px; }
.moonbox:nth-child(292){ top: 195px; left: 470px; }
.moonbox:nth-child(293){ top: 195px; left: 485px; }
.moonbox:nth-child(294){ top: 195px; left: 500px; }
.moonbox:nth-child(295){ top: 195px; left: 515px; }
.moonbox:nth-child(296){ top: 195px; left: 530px; }
.moonbox:nth-child(297){ top: 195px; left: 545px; }
.moonbox:nth-child(298){ top: 195px; left: 560px; }
.moonbox:nth-child(299){ background: #777752; top: 195px; left: 575px; }
.moonbox:nth-child(300){ background: #777752; top: 195px; left: 590px; }
/*******/
.moonbox:nth-child(301){ background: #9f9f69; top: 210px; left: 140px; }
.moonbox:nth-child(302){ background: #9f9f69; top: 210px; left: 155px; }
.moonbox:nth-child(303){ top: 210px; left: 170px; }
.moonbox:nth-child(304){ top: 210px; left: 185px; }
.moonbox:nth-child(305){ top: 210px; left: 200px; }
.moonbox:nth-child(306){ top: 210px; left: 215px; }
.moonbox:nth-child(307){ top: 210px; left: 230px; }
.moonbox:nth-child(308){ top: 210px; left: 245px; }
.moonbox:nth-child(309){ top: 210px; left: 260px; }
.moonbox:nth-child(310){ background: #9f9f69; top: 210px; left: 275px; }
.moonbox:nth-child(311){ background: #9f9f69; top: 210px; left: 290px; }
.moonbox:nth-child(312){ background: #9f9f69; top: 210px; left: 305px; }
.moonbox:nth-child(313){ background: #9f9f69; top: 210px; left: 320px; }
.moonbox:nth-child(314){ background: #9f9f69; top: 210px; left: 335px; }
.moonbox:nth-child(315){ background: #9f9f69; top: 210px; left: 350px; }
.moonbox:nth-child(316){ background: #9f9f69; top: 210px; left: 365px; }
.moonbox:nth-child(317){ background: #9f9f69; top: 210px; left: 380px; }
.moonbox:nth-child(318){ top: 210px; left: 395px; }
.moonbox:nth-child(319){ top: 210px; left: 395px; }
.moonbox:nth-child(320){ top: 210px; left: 410px; }
.moonbox:nth-child(321){ top: 210px; left: 425px; }
.moonbox:nth-child(322){ top: 210px; left: 440px; }
.moonbox:nth-child(323){ top: 210px; left: 455px; }
.moonbox:nth-child(324){ top: 210px; left: 470px; }
.moonbox:nth-child(325){ top: 210px; left: 485px; }
.moonbox:nth-child(326){ top: 210px; left: 500px; }
.moonbox:nth-child(327){ top: 210px; left: 515px; }
.moonbox:nth-child(328){ top: 210px; left: 530px; }
.moonbox:nth-child(329){ top: 210px; left: 545px; }
.moonbox:nth-child(330){ top: 210px; left: 560px; }
.moonbox:nth-child(331){ background: #777752; top: 210px; left: 575px; }
.moonbox:nth-child(332){ background: #777752; top: 210px; left: 590px; }
/******/
.moonbox:nth-child(333){ background: #9f9f69; top: 225px; left: 140px; }
.moonbox:nth-child(334){ background: #9f9f69; top: 225px; left: 155px; }
.moonbox:nth-child(335){ background: #9f9f69; top: 225px; left: 170px; }
.moonbox:nth-child(336){ top: 225px; left: 185px; }
.moonbox:nth-child(337){ top: 225px; left: 200px; }
.moonbox:nth-child(338){ top: 225px; left: 215px; }
.moonbox:nth-child(339){ top: 225px; left: 230px; }
.moonbox:nth-child(340){ top: 225px; left: 245px; }
.moonbox:nth-child(341){ top: 225px; left: 260px; }
.moonbox:nth-child(342){ background: #9f9f69; top: 225px; left: 275px; }
.moonbox:nth-child(343){ background: #9f9f69; top: 225px; left: 290px; }
.moonbox:nth-child(344){ background: #9f9f69; top: 225px; left: 305px; }
.moonbox:nth-child(345){ background: #9f9f69; top: 225px; left: 320px; }
.moonbox:nth-child(346){ background: #9f9f69; top: 225px; left: 335px; }
.moonbox:nth-child(347){ background: #9f9f69; top: 225px; left: 350px; }
.moonbox:nth-child(348){ background: #9f9f69; top: 225px; left: 365px; }
.moonbox:nth-child(349){ background: #9f9f69; top: 225px; left: 380px; }
.moonbox:nth-child(350){ background: #9f9f69; top: 225px; left: 395px; }
.moonbox:nth-child(352){ top: 225px; left: 410px; }
.moonbox:nth-child(353){ top: 225px; left: 425px; }
.moonbox:nth-child(354){ top: 225px; left: 440px; }
.moonbox:nth-child(355){ top: 225px; left: 455px; }
.moonbox:nth-child(356){ top: 225px; left: 470px; }
.moonbox:nth-child(357){ top: 225px; left: 485px; }
.moonbox:nth-child(358){ top: 225px; left: 500px; }
.moonbox:nth-child(359){ top: 225px; left: 515px; }
.moonbox:nth-child(360){ top: 225px; left: 530px; }
.moonbox:nth-child(361){ top: 225px; left: 545px; }
.moonbox:nth-child(362){ top: 225px; left: 560px; }
.moonbox:nth-child(363){ background: #777752; top: 225px; left: 575px; }
.moonbox:nth-child(364){ background: #777752; top: 225px; left: 590px; }
/*****/
.moonbox:nth-child(365){ background: #9f9f69; top: 240px; left: 140px; }
.moonbox:nth-child(366){ background: #9f9f69; top: 240px; left: 155px; }
.moonbox:nth-child(367){ background: #9f9f69; top: 240px; left: 170px; }
.moonbox:nth-child(368){ top: 240px; left: 185px; }
.moonbox:nth-child(369){ top: 240px; left: 200px; }
.moonbox:nth-child(370){ top: 240px; left: 215px; }
.moonbox:nth-child(371){ top: 240px; left: 230px; }
.moonbox:nth-child(372){ top: 240px; left: 245px; }
.moonbox:nth-child(373){ top: 240px; left: 260px; }
.moonbox:nth-child(374){ background: #9f9f69; top: 240px; left: 275px; }
.moonbox:nth-child(375){ background: #9f9f69; top: 240px; left: 290px; }
.moonbox:nth-child(376){ background: #9f9f69; top: 240px; left: 305px; }
.moonbox:nth-child(377){ background: #9f9f69; top: 240px; left: 320px; }
.moonbox:nth-child(378){ background: #9f9f69; top: 240px; left: 335px; }
.moonbox:nth-child(379){ background: #9f9f69; top: 240px; left: 350px; }
.moonbox:nth-child(380){ background: #9f9f69; top: 240px; left: 365px; }
.moonbox:nth-child(381){ background: #9f9f69; top: 240px; left: 380px; }
.moonbox:nth-child(382){ background: #9f9f69; top: 240px; left: 395px; }
.moonbox:nth-child(383){ top: 240px; left: 410px; }
.moonbox:nth-child(384){ top: 240px; left: 425px; }
.moonbox:nth-child(385){ top: 240px; left: 440px; }
.moonbox:nth-child(386){ top: 240px; left: 455px; }
.moonbox:nth-child(387){ top: 240px; left: 470px; }
.moonbox:nth-child(388){ top: 240px; left: 485px; }
.moonbox:nth-child(389){ top: 240px; left: 500px; }
.moonbox:nth-child(390){ top: 240px; left: 515px; }
.moonbox:nth-child(391){ top: 240px; left: 530px; }
.moonbox:nth-child(392){ top: 240px; left: 545px; }
.moonbox:nth-child(393){ top: 240px; left: 560px; }
.moonbox:nth-child(394){ background: #777752; top: 240px; left: 575px; }
.moonbox:nth-child(395){ background: #777752; top: 240px; left: 590px; }
/****/
.moonbox:nth-child(396){ background: #9f9f69; top: 255px; left: 140px; }
.moonbox:nth-child(397){ background: #9f9f69; top: 255px; left: 155px; }
.moonbox:nth-child(398){ background: #9f9f69; top: 255px; left: 170px; }
.moonbox:nth-child(399){ top: 255px; left: 185px; }
.moonbox:nth-child(400){ top: 255px; left: 200px; }
.moonbox:nth-child(401){ top: 255px; left: 215px; }
.moonbox:nth-child(402){ top: 255px; left: 230px; }
.moonbox:nth-child(403){ top: 255px; left: 245px; }
.moonbox:nth-child(404){ top: 255px; left: 260px; }
.moonbox:nth-child(405){ background: #9f9f69; top: 255px; left: 275px; }
.moonbox:nth-child(406){ background: #9f9f69; top: 255px; left: 290px; }
.moonbox:nth-child(407){ background: #9f9f69; top: 255px; left: 305px; }
.moonbox:nth-child(408){ background: #9f9f69; top: 255px; left: 320px; }
.moonbox:nth-child(409){ background: #9f9f69; top: 255px; left: 335px; }
.moonbox:nth-child(410){ background: #9f9f69; top: 255px; left: 350px; }
.moonbox:nth-child(411){ background: #9f9f69; top: 255px; left: 365px; }
.moonbox:nth-child(412){ background: #9f9f69; top: 255px; left: 380px; }
.moonbox:nth-child(413){ background: #9f9f69; top: 255px; left: 395px; }
.moonbox:nth-child(414){ top: 255px; left: 410px; }
.moonbox:nth-child(415){ top: 255px; left: 425px; }
.moonbox:nth-child(416){ top: 255px; left: 440px; }
.moonbox:nth-child(417){ top: 255px; left: 455px; }
.moonbox:nth-child(418){ top: 255px; left: 470px; }
.moonbox:nth-child(419){ background: #9f9f69; top: 255px; left: 485px; }
.moonbox:nth-child(420){ background: #9f9f69; top: 255px; left: 500px; }
.moonbox:nth-child(421){ background: #9f9f69; top: 255px; left: 515px; }
.moonbox:nth-child(422){ background: #9f9f69; top: 255px; left: 530px; }
.moonbox:nth-child(423){ top: 255px; left: 545px; }
.moonbox:nth-child(424){ top: 255px; left: 560px; }
.moonbox:nth-child(425){ background: #777752; top: 255px; left: 575px; }
.moonbox:nth-child(426){ background: #777752; top: 255px; left: 590px; }
/***/
.moonbox:nth-child(427){ background: #9f9f69; top: 270px; left: 140px; }
.moonbox:nth-child(428){ background: #9f9f69; top: 270px; left: 155px; }
.moonbox:nth-child(429){ background: #9f9f69; top: 270px; left: 170px; }
.moonbox:nth-child(430){ top: 270px; left: 185px; }
.moonbox:nth-child(431){ top: 270px; left: 200px; }
.moonbox:nth-child(432){ top: 270px; left: 215px; }
.moonbox:nth-child(433){ top: 270px; left: 230px; }
.moonbox:nth-child(434){ top: 270px; left: 245px; }
.moonbox:nth-child(435){ top: 270px; left: 260px; }
.moonbox:nth-child(436){background: #9f9f69; top: 270px; left: 275px; }
.moonbox:nth-child(437){ background: #9f9f69; top: 270px; left: 290px; }
.moonbox:nth-child(438){ background: #9f9f69; top: 270px; left: 305px; }
.moonbox:nth-child(439){ background: #9f9f69; top: 270px; left: 320px; }
.moonbox:nth-child(440){ background: #9f9f69; top: 270px; left: 335px; }
.moonbox:nth-child(441){ background: #9f9f69; top: 270px; left: 350px; }
.moonbox:nth-child(442){ background: #9f9f69; top: 270px; left: 365px; }
.moonbox:nth-child(443){ background: #9f9f69; top: 270px; left: 380px; }
.moonbox:nth-child(444){background: #9f9f69; top: 270px; left: 395px; }
.moonbox:nth-child(445){ top: 270px; left: 410px; }
.moonbox:nth-child(446){ top: 270px; left: 425px; }
.moonbox:nth-child(447){ top: 270px; left: 440px; }
.moonbox:nth-child(448){ top: 270px; left: 455px; }
.moonbox:nth-child(449){ background: #9f9f69; top: 270px; left: 470px; }
.moonbox:nth-child(450){ background: #9f9f69; top: 270px; left: 485px; }
.moonbox:nth-child(451){ background: #9f9f69; top: 270px; left: 500px; }
.moonbox:nth-child(452){ background: #9f9f69; top: 270px; left: 515px; }
.moonbox:nth-child(453){ background: #9f9f69; top: 270px; left: 530px; }
.moonbox:nth-child(454){ background: #9f9f69; top: 270px; left: 545px; }
.moonbox:nth-child(455){ top: 270px; left: 560px; }
.moonbox:nth-child(456){ background: #777752; top: 270px; left: 575px; }
.moonbox:nth-child(457){ background: #777752; top: 270px; left: 590px; }
/*=*/
.moonbox:nth-child(458){ background: #9f9f69; top: 285px; left: 140px; }
.moonbox:nth-child(459){ background: #9f9f69; top: 285px; left: 155px; }
.moonbox:nth-child(460){ background: #9f9f69; top: 285px; left: 170px; }
.moonbox:nth-child(461){ top: 285px; left: 185px; }
.moonbox:nth-child(462){ top: 285px; left: 200px; }
.moonbox:nth-child(463){ top: 285px; left: 215px; }
.moonbox:nth-child(464){ top: 285px; left: 230px; }
.moonbox:nth-child(465){ top: 285px; left: 245px; }
.moonbox:nth-child(466){ top: 285px; left: 260px; }
.moonbox:nth-child(467){ top: 285px; left: 275px; }
.moonbox:nth-child(468){ background: #9f9f69; top: 285px; left: 290px; }
.moonbox:nth-child(469){ background: #9f9f69; top: 285px; left: 305px; }
.moonbox:nth-child(470){ background: #9f9f69; top: 285px; left: 320px; }
.moonbox:nth-child(471){ background: #9f9f69; top: 285px; left: 335px; }
.moonbox:nth-child(472){ background: #9f9f69; top: 285px; left: 350px; }
.moonbox:nth-child(473){ background: #9f9f69; top: 285px; left: 365px; }
.moonbox:nth-child(474){ background: #9f9f69; top: 285px; left: 380px; }
.moonbox:nth-child(475){ top: 285px; left: 395px; }
.moonbox:nth-child(476){ top: 285px; left: 410px; }
.moonbox:nth-child(477){ top: 285px; left: 425px; }
.moonbox:nth-child(478){ top: 285px; left: 440px; }
.moonbox:nth-child(479){ top: 285px; left: 455px; }
.moonbox:nth-child(480){ background: #9f9f69; top: 285px; left: 470px; }
.moonbox:nth-child(481){ background: #9f9f69; top: 285px; left: 485px; }
.moonbox:nth-child(482){ background: #9f9f69; top: 285px; left: 500px; }
.moonbox:nth-child(483){ background: #9f9f69; top: 285px; left: 515px; }
.moonbox:nth-child(484){ background: #9f9f69; top: 285px; left: 530px; }
.moonbox:nth-child(485){ background: #9f9f69; top: 285px; left: 545px; }
.moonbox:nth-child(486){ background: #9f9f69; top: 285px; left: 560px; }
.moonbox:nth-child(487){ background: #777752; top: 285px; left: 575px; }
.moonbox:nth-child(488){ background: #777752; top: 285px; left: 590px; }
/***/
.moonbox:nth-child(489){ background: #9f9f69; top: 300px; left: 155px; }
.moonbox:nth-child(490){ background: #9f9f69; top: 300px; left: 170px; }
.moonbox:nth-child(491){ top: 300px; left: 185px; }
.moonbox:nth-child(492){ top: 300px; left: 200px; }
.moonbox:nth-child(493){ top: 300px; left: 215px; }
.moonbox:nth-child(494){ top: 300px; left: 230px; }
.moonbox:nth-child(495){ top: 300px; left: 245px; }
.moonbox:nth-child(496){ top: 300px; left: 260px; }
.moonbox:nth-child(497){ top: 300px; left: 275px; }
.moonbox:nth-child(498){ top: 300px; left: 290px; }
.moonbox:nth-child(499){ top: 300px; left: 305px; }
.moonbox:nth-child(500){ top: 300px; left: 320px; }
.moonbox:nth-child(501){ top: 300px; left: 335px; }
.moonbox:nth-child(502){ top: 300px; left: 350px; }
.moonbox:nth-child(503){ top: 300px; left: 365px; }
.moonbox:nth-child(504){ top: 300px; left: 380px; }
.moonbox:nth-child(505){ top: 300px; left: 395px; }
.moonbox:nth-child(506){ top: 300px; left: 410px; }
.moonbox:nth-child(507){ top: 300px; left: 425px; }
.moonbox:nth-child(508){ top: 300px; left: 440px; }
.moonbox:nth-child(509){ background: #9f9f69; top: 300px; left: 455px; }
.moonbox:nth-child(510){ background: #9f9f69; top: 300px; left: 470px; }
.moonbox:nth-child(511){ background: #9f9f69; top: 300px; left: 485px; }
.moonbox:nth-child(512){ background: #9f9f69; top: 300px; left: 500px; }
.moonbox:nth-child(513){ background: #9f9f69; top: 300px; left: 515px; }
.moonbox:nth-child(514){ background: #9f9f69; top: 300px; left: 530px; }
.moonbox:nth-child(515){ background: #9f9f69; top: 300px; left: 545px; }
.moonbox:nth-child(516){ background: #9f9f69; top: 300px; left: 560px; }
.moonbox:nth-child(517){ background: #777752; top: 300px; left: 575px; }
/****/
.moonbox:nth-child(518){ background: #9f9f69; top: 315px; left: 155px; }
.moonbox:nth-child(519){ background: #9f9f69; top: 315px; left: 170px; }
.moonbox:nth-child(520){ top: 315px; left: 185px; }
.moonbox:nth-child(521){ top: 315px; left: 200px; }
.moonbox:nth-child(522){ top: 315px; left: 215px; }
.moonbox:nth-child(523){ top: 315px; left: 230px; }
.moonbox:nth-child(524){ top: 315px; left: 245px; }
.moonbox:nth-child(525){ top: 315px; left: 260px; }
.moonbox:nth-child(526){ top: 315px; left: 275px; }
.moonbox:nth-child(527){ top: 315px; left: 290px; }
.moonbox:nth-child(528){ top: 315px; left: 305px; }
.moonbox:nth-child(529){ top: 315px; left: 320px; }
.moonbox:nth-child(530){ top: 315px; left: 335px; }
.moonbox:nth-child(531){ top: 315px; left: 350px; }
.moonbox:nth-child(532){ top: 315px; left: 365px; }
.moonbox:nth-child(533){ top: 315px; left: 380px; }
.moonbox:nth-child(534){ top: 315px; left: 395px; }
.moonbox:nth-child(535){ top: 315px; left: 410px; }
.moonbox:nth-child(536){ top: 315px; left: 425px; }
.moonbox:nth-child(537){ top: 315px; left: 440px; }
.moonbox:nth-child(538){ background: #9f9f69; top: 315px; left: 455px; }
.moonbox:nth-child(539){ background: #9f9f69; top: 315px; left: 470px; }
.moonbox:nth-child(540){ background: #9f9f69; top: 315px; left: 485px; }
.moonbox:nth-child(541){ background: #9f9f69; top: 315px; left: 500px; }
.moonbox:nth-child(542){ background: #9f9f69; top: 315px; left: 515px; }
.moonbox:nth-child(543){ background: #9f9f69; top: 315px; left: 530px; }
.moonbox:nth-child(544){ background: #9f9f69; top: 315px; left: 545px; }
.moonbox:nth-child(545){ background: #777752; top: 315px; left: 560px; }
.moonbox:nth-child(546){ background: #777752; top: 315px; left: 575px; }
/*****/
.moonbox:nth-child(547){ top: 330px; left: 170px; }
.moonbox:nth-child(548){ top: 330px; left: 185px; }
.moonbox:nth-child(549){ top: 330px; left: 200px; }
.moonbox:nth-child(550){ background: #9f9f69; top: 330px; left: 215px; }
.moonbox:nth-child(551){ background: #9f9f69; top: 330px; left: 230px; }
.moonbox:nth-child(552){ background: #9f9f69; top: 330px; left: 245px; }
.moonbox:nth-child(553){ background: #9f9f69; top: 330px; left: 260px; }
.moonbox:nth-child(554){ background: #9f9f69; top: 330px; left: 275px; }
.moonbox:nth-child(555){ top: 330px; left: 290px; }
.moonbox:nth-child(556){ top: 330px; left: 305px; }
.moonbox:nth-child(557){ top: 330px; left: 320px; }
.moonbox:nth-child(558){ top: 330px; left: 335px; }
.moonbox:nth-child(559){ top: 330px; left: 350px; }
.moonbox:nth-child(560){ top: 330px; left: 365px; }
.moonbox:nth-child(561){ top: 330px; left: 380px; }
.moonbox:nth-child(562){ top: 330px; left: 395px; }
.moonbox:nth-child(563){ top: 330px; left: 410px; }
.moonbox:nth-child(564){ top: 330px; left: 425px; }
.moonbox:nth-child(565){ top: 330px; left: 440px; }
.moonbox:nth-child(566){ background: #9f9f69; top: 330px; left: 455px; }
.moonbox:nth-child(567){ background: #9f9f69; top: 330px; left: 470px; }
.moonbox:nth-child(568){ background: #9f9f69; top: 330px; left: 485px; }
.moonbox:nth-child(569){ background: #9f9f69; top: 330px; left: 500px; }
.moonbox:nth-child(570){ background: #9f9f69; top: 330px; left: 515px; }
.moonbox:nth-child(571){ background: #9f9f69; top: 330px; left: 530px; }
.moonbox:nth-child(572){ background: #9f9f69; top: 330px; left: 545px; }
.moonbox:nth-child(573){ background: #777752; top: 330px; left: 560px; }
/******/
.moonbox:nth-child(574){ top: 345px; left: 170px; }
.moonbox:nth-child(575){ top: 345px; left: 185px; }
.moonbox:nth-child(576){ background: #9f9f69; top: 345px; left: 200px; }
.moonbox:nth-child(577){ background: #9f9f69; top: 345px; left: 215px; }
.moonbox:nth-child(578){ background: #9f9f69; top: 345px; left: 230px; }
.moonbox:nth-child(579){ background: #9f9f69; top: 345px; left: 245px; }
.moonbox:nth-child(580){ background: #9f9f69; top: 345px; left: 260px; }
.moonbox:nth-child(581){ background: #9f9f69; top: 345px; left: 275px; }
.moonbox:nth-child(582){ top: 345px; left: 290px; }
.moonbox:nth-child(583){ top: 345px; left: 305px; }
.moonbox:nth-child(584){ top: 345px; left: 320px; }
.moonbox:nth-child(585){ top: 345px; left: 335px; }
.moonbox:nth-child(586){ top: 345px; left: 350px; }
.moonbox:nth-child(587){ top: 345px; left: 365px; }
.moonbox:nth-child(588){ top: 345px; left: 380px; }
.moonbox:nth-child(589){ top: 345px; left: 395px; }
.moonbox:nth-child(590){ top: 345px; left: 410px; }
.moonbox:nth-child(591){ top: 345px; left: 425px; }
.moonbox:nth-child(592){ top: 345px; left: 440px; }
.moonbox:nth-child(593){ top: 345px; left: 455px; }
.moonbox:nth-child(594){ background: #9f9f69; top: 345px; left: 470px; }
.moonbox:nth-child(595){ background: #9f9f69; top: 345px; left: 485px; }
.moonbox:nth-child(596){ background: #9f9f69; top: 345px; left: 500px; }
.moonbox:nth-child(597){ background: #9f9f69; top: 345px; left: 515px; }
.moonbox:nth-child(598){ background: #9f9f69; top: 345px; left: 530px; }
.moonbox:nth-child(599){ background: #9f9f69; top: 345px; left: 545px; }
.moonbox:nth-child(600){ background: #777752; top: 345px; left: 560px; }
/*****/
.moonbox:nth-child(601){ top: 360px; left: 185px; }
.moonbox:nth-child(602){ background: #9f9f69; top: 360px; left: 200px; }
.moonbox:nth-child(603){ background: #9f9f69; top: 360px; left: 215px; }
.moonbox:nth-child(604){ background: #9f9f69; top: 360px; left: 230px; }
.moonbox:nth-child(605){ background: #9f9f69; top: 360px; left: 245px; }
.moonbox:nth-child(606){ background: #9f9f69; top: 360px; left: 260px; }
.moonbox:nth-child(607){ background: #9f9f69; top: 360px; left: 275px; }
.moonbox:nth-child(608){ top: 360px; left: 290px; }
.moonbox:nth-child(609){ top: 360px; left: 305px; }
.moonbox:nth-child(610){ top: 360px; left: 320px; }
.moonbox:nth-child(611){ top: 360px; left: 335px; }
.moonbox:nth-child(612){ top: 360px; left: 350px; }
.moonbox:nth-child(613){ top: 360px; left: 365px; }
.moonbox:nth-child(614){ top: 360px; left: 380px; }
.moonbox:nth-child(615){ top: 360px; left: 395px; }
.moonbox:nth-child(616){ top: 360px; left: 410px; }
.moonbox:nth-child(617){ top: 360px; left: 425px; }
.moonbox:nth-child(618){ top: 360px; left: 440px; }
.moonbox:nth-child(619){ top: 360px; left: 455px; }
.moonbox:nth-child(620){ top: 360px; left: 470px; }
.moonbox:nth-child(621){ top: 360px; left: 485px; }
.moonbox:nth-child(622){ top: 360px; left: 500px; }
.moonbox:nth-child(623){ top: 360px; left: 515px; }
.moonbox:nth-child(624){ top: 360px; left: 530px; }
.moonbox:nth-child(625){ background: #777752; top: 360px; left: 545px; }
/******/
.moonbox:nth-child(626){ background: #9f9f69; top: 375px; left: 200px; }
.moonbox:nth-child(627){ background: #9f9f69; top: 375px; left: 215px; }
.moonbox:nth-child(628){ background: #9f9f69; top: 375px; left: 230px; }
.moonbox:nth-child(629){ background: #9f9f69; top: 375px; left: 245px; }
.moonbox:nth-child(630){ background: #9f9f69; top: 375px; left: 260px; }
.moonbox:nth-child(631){ background: #9f9f69; top: 375px; left: 275px; }
.moonbox:nth-child(632){ top: 375px; left: 290px; }
.moonbox:nth-child(633){ top: 375px; left: 305px; }
.moonbox:nth-child(634){ top: 375px; left: 320px; }
.moonbox:nth-child(635){ top: 375px; left: 335px; }
.moonbox:nth-child(636){ top: 375px; left: 350px; }
.moonbox:nth-child(637){ top: 375px; left: 365px; }
.moonbox:nth-child(638){ top: 375px; left: 380px; }
.moonbox:nth-child(639){ top: 375px; left: 395px; }
.moonbox:nth-child(640){ top: 375px; left: 410px; }
.moonbox:nth-child(641){ top: 375px; left: 425px; }
.moonbox:nth-child(642){ top: 375px; left: 440px; }
.moonbox:nth-child(643){ top: 375px; left: 455px; }
.moonbox:nth-child(644){ top: 375px; left: 470px; }
.moonbox:nth-child(645){ top: 375px; left: 485px; }
.moonbox:nth-child(646){ top: 375px; left: 500px; }
.moonbox:nth-child(647){ top: 375px; left: 515px; }
.moonbox:nth-child(648){ background: #777752; top: 375px; left: 530px; }
/*******/
.moonbox:nth-child(649){ top: 390px; left: 200px; }
.moonbox:nth-child(650){ background: #9f9f69; top: 390px; left: 215px; }
.moonbox:nth-child(651){ background: #9f9f69; top: 390px; left: 230px; }
.moonbox:nth-child(652){ background: #9f9f69; top: 390px; left: 245px; }
.moonbox:nth-child(653){ background: #9f9f69; top: 390px; left: 260px; }
.moonbox:nth-child(654){ background: #9f9f69; top: 390px; left: 275px; }
.moonbox:nth-child(655){ top: 390px; left: 290px; }
.moonbox:nth-child(656){ top: 390px; left: 305px; }
.moonbox:nth-child(657){ top: 390px; left: 320px; }
.moonbox:nth-child(658){ top: 390px; left: 335px; }
.moonbox:nth-child(659){ top: 390px; left: 350px; }
.moonbox:nth-child(660){ top: 390px; left: 365px; }
.moonbox:nth-child(661){ top: 390px; left: 380px; }
.moonbox:nth-child(662){ top: 390px; left: 395px; }
.moonbox:nth-child(663){ top: 390px; left: 410px; }
.moonbox:nth-child(664){ top: 390px; left: 425px; }
.moonbox:nth-child(665){ top: 390px; left: 440px; }
.moonbox:nth-child(666){ top: 390px; left: 455px; }
.moonbox:nth-child(667){ top: 390px; left: 470px; }
.moonbox:nth-child(668){ top: 390px; left: 485px; }
.moonbox:nth-child(669){ top: 390px; left: 500px; }
.moonbox:nth-child(670){ top: 390px; left: 515px; }
.moonbox:nth-child(671){ background: #777752; top: 390px; left: 530px; }
/*******/
.moonbox:nth-child(672){ top: 405px; left: 230px; }
.moonbox:nth-child(673){ background: #9f9f69; top: 405px; left: 245px; }
.moonbox:nth-child(674){ background: #9f9f69; top: 405px; left: 260px; }
.moonbox:nth-child(675){ top: 405px; left: 275px; }
.moonbox:nth-child(676){ top: 405px; left: 290px; }
.moonbox:nth-child(677){ top: 405px; left: 305px; }
.moonbox:nth-child(678){ top: 405px; left: 320px; }
.moonbox:nth-child(689){ top: 405px; left: 335px; }
.moonbox:nth-child(690){ top: 405px; left: 350px; }
.moonbox:nth-child(691){ top: 405px; left: 365px; }
.moonbox:nth-child(692){ top: 405px; left: 380px; }
.moonbox:nth-child(693){ top: 405px; left: 395px; }
.moonbox:nth-child(694){ top: 405px; left: 410px; }
.moonbox:nth-child(695){ background: #9f9f69; top: 405px; left: 425px; }
.moonbox:nth-child(696){ background: #9f9f69; top: 405px; left: 440px; }
.moonbox:nth-child(697){ background: #9f9f69; top: 405px; left: 455px; }
.moonbox:nth-child(698){ background: #9f9f69; top: 405px; left: 470px; }
.moonbox:nth-child(734){ background: #9f9f69; top: 405px; left: 485px; }
.moonbox:nth-child(699){ background: #777752; top: 405px; left: 500px; }
/*******/
.moonbox:nth-child(700){ top: 420px; left: 245px; }
.moonbox:nth-child(701){ top: 420px; left: 260px; }
.moonbox:nth-child(702){ top: 420px; left: 275px; }
.moonbox:nth-child(703){ top: 420px; left: 290px; }
.moonbox:nth-child(704){ top: 420px; left: 305px; }
.moonbox:nth-child(705){ top: 420px; left: 320px; }
.moonbox:nth-child(706){ top: 420px; left: 335px; }
.moonbox:nth-child(707){ background: #9f9f69; top: 420px; left: 350px; }
.moonbox:nth-child(708){ background: #9f9f69; top: 420px; left: 365px; }
.moonbox:nth-child(709){ background: #9f9f69; top: 420px; left: 380px; }
.moonbox:nth-child(710){ background: #9f9f69; top: 420px; left: 395px; }
.moonbox:nth-child(711){ background: #9f9f69; top: 420px; left: 410px; }
.moonbox:nth-child(712){ background: #9f9f69; top: 420px; left: 425px; }
.moonbox:nth-child(713){ background: #9f9f69; top: 420px; left: 440px; }
.moonbox:nth-child(714){ background: #9f9f69; top: 420px; left: 455px; }
.moonbox:nth-child(715){ background: #777752; top: 420px; left: 470px; }
/*******/
.moonbox:nth-child(716){ top: 435px; left: 275px; }
.moonbox:nth-child(717){ top: 435px; left: 290px; }
.moonbox:nth-child(718){ top: 435px; left: 305px; }
.moonbox:nth-child(719){ background: #9f9f69; top: 435px; left: 320px; }
.moonbox:nth-child(720){ background: #9f9f69; top: 435px; left: 335px; }
.moonbox:nth-child(721){ background: #9f9f69; top: 435px; left: 350px; }
.moonbox:nth-child(722){ background: #9f9f69; top: 435px; left: 365px; }
.moonbox:nth-child(723){ background: #9f9f69; top: 435px; left: 380px; }
.moonbox:nth-child(724){ background: #9f9f69; top: 435px; left: 395px; }
.moonbox:nth-child(725){ background: #9f9f69; top: 435px; left: 410px; }
.moonbox:nth-child(726){ background: #9f9f69; top: 435px; left: 425px; }
.moonbox:nth-child(727){ background: #777752; top: 435px; left: 440px; }
/********/
.moonbox:nth-child(728){ background: #9f9f69; top: 450px; left: 320px; }
.moonbox:nth-child(729){ background: #9f9f69; top: 450px; left: 335px; }
.moonbox:nth-child(730){ background: #9f9f69; top: 450px; left: 350px; }
.moonbox:nth-child(731){ background: #9f9f69; top: 450px; left: 365px; }
.moonbox:nth-child(732){ background: #9f9f69; top: 450px; left: 380px; }
.moonbox:nth-child(733){ background: #777752; top: 450px; left: 395px; }



