body {
  font-family: 'Asap', sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  background-color: black;
}

a {
  color: #14A44D !important;
  transition: color 0.4s !important;
}

a:hover {
  color: #7FFF00 !important;
}

h1, h2, h3, h4, h5, p, label, .helptext {
  color: #9FA6B2 !important;
}

.container-fluid {
  padding-left: 3%;
  padding-right: 3%;
}

.page-title {
  margin-top: 2%;
  margin-bottom: 1%;
}

footer {
  width: 100%;
  /* background-color: #343a40 !important; */
}

.footer-title {
  margin-top: 1.6rem;
  text-decoration: underline;
}

.card {
  margin-bottom: 30px;
}

.block-livestream {
  width: 80%;
  height: 28rem;
  border-radius: 12px;
  margin-top: 1.2rem;
  margin-bottom: 1.4rem;
  background-color: #343a40 !important;
  text-align: center;
  vertical-align: middle;
}

.block-livestream-text {
  color: #9FA6B2;
  line-height: 28rem;
}

.pagination {
  display: block;
  text-align: center;
  margin-bottom: 1%;
}

/* The following is also being used outside of the catalog application */

.block-form {
  margin: auto;
  width: 100%;
  margin-top: 50%;
  margin-bottom: 50%;
}

.lost-registration {
  margin-top: 2.5%;
}

.logout-height-adjuster {
  margin-top: 23%;
  margin-bottom: 23%;
}

.negative-descriptive {
  margin-top: 4%;
  margin-bottom: 4%;
}

.form-height-adjuster {
  margin-top: 20%;
  margin-bottom: 20%;
}

.block-seperator {
  margin-top: 3.6%;
  margin-bottom: 3.6%;
}

.block-profile {
  margin-top: 4.8%;
  margin-bottom: 4.8%;
}

.block-update {
  padding: 2%;
  background-color: #343a40!important;
  color: #9FA6B2;
}

.block-log {
  padding: 2%;
  background-color: #343a40!important;
  color: #9FA6B2;
  overflow: scroll;
  height: 10.4rem;
  margin-bottom: 1%;
}

.block-log-lg {
  padding: 2%;
  background-color: #343a40!important;
  color: #9FA6B2;
  overflow: scroll;
  height: 17.9rem;
  margin-bottom: 1%;
}

.block-log-lg2 {
  padding: 2%;
  background-color: #343a40!important;
  color: #9FA6B2;
  overflow: scroll;
  height: 16rem;
  margin-bottom: 0.6%;
}

.block-video-data {
  position:relative;
  /* text-align-center */
}

.error {
    color: red;
}

.rotate-180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.img-fundamental-concepts {
    border-radius: 8px;
    width: 100%;
    -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.50);
    -moz-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.50);
    box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.50);
}

.img-profile {
  border-radius: 50%;
}

.fm {
  font-size: medium;
}

.fs {
  font-size: small;
}

#chatMessageModule {
  position: sticky !important;
  top: 80% !important;
}

#girdiIletiKomut {
  color:#33FF46;
}

#gyroAcceDiv {
  /* overflow: scroll;
    height: 10%; */
  padding: 2%;
  background-color: #343a40!important;
  margin-bottom: 1%;
}

/* #gyroAcceDataPara {

} */

#gyroAcceDataPara {
  margin: 0;
}

@media screen and (max-width: 480px) {

  .block-livestream {
    height: 12rem;
  }

  .block-livestream-text {
    line-height: 12rem;
  }

}

/* #graphCurrentProductionState {

} */

table th {
    text-align: end;
    vertical-align: top;
    padding-right: 0.3rem;
}

#girisButonu {
    display: inline-block;
    width: 83.16%;
    font-weight: bold;
    margin-top: 0.2rem;
}

.firefly {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 0.4vw;
  height: 0.4vw;
  margin: -0.2vw 0 0 9.8vw;
  animation: ease 200s alternate infinite;
  pointer-events: none; }
  .firefly::before, .firefly::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform-origin: -10vw; }
  .firefly::before {
    background: black;
    opacity: 0.4;
    animation: drift ease alternate infinite; }
  .firefly::after {
    background: white;
    opacity: 0;
    box-shadow: 0 0 0vw 0vw yellow;
    animation: drift ease alternate infinite, flash ease infinite; }

.firefly:nth-child(1) {
  animation-name: move1; }
  .firefly:nth-child(1)::before {
    animation-duration: 18s; }
  .firefly:nth-child(1)::after {
    animation-duration: 18s, 6670ms;
    animation-delay: 0ms, 6639ms; }

@keyframes move1 {
  0% {
    transform: translateX(-34vw) translateY(23vh) scale(0.9); }
  3.7037% {
    transform: translateX(-47vw) translateY(49vh) scale(0.41); }
  7.40741% {
    transform: translateX(14vw) translateY(10vh) scale(0.6); }
  11.11111% {
    transform: translateX(-4vw) translateY(-11vh) scale(0.42); }
  14.81481% {
    transform: translateX(-12vw) translateY(25vh) scale(0.62); }
  18.51852% {
    transform: translateX(-9vw) translateY(-3vh) scale(0.42); }
  22.22222% {
    transform: translateX(19vw) translateY(34vh) scale(0.48); }
  25.92593% {
    transform: translateX(-4vw) translateY(22vh) scale(0.45); }
  29.62963% {
    transform: translateX(-45vw) translateY(-21vh) scale(0.69); }
  33.33333% {
    transform: translateX(-41vw) translateY(-29vh) scale(0.51); }
  37.03704% {
    transform: translateX(19vw) translateY(-12vh) scale(0.4); }
  40.74074% {
    transform: translateX(-29vw) translateY(3vh) scale(0.78); }
  44.44444% {
    transform: translateX(-1vw) translateY(-9vh) scale(0.7); }
  48.14815% {
    transform: translateX(-26vw) translateY(34vh) scale(0.39); }
  51.85185% {
    transform: translateX(19vw) translateY(16vh) scale(0.8); }
  55.55556% {
    transform: translateX(28vw) translateY(-43vh) scale(0.81); }
  59.25926% {
    transform: translateX(16vw) translateY(48vh) scale(0.85); }
  62.96296% {
    transform: translateX(26vw) translateY(29vh) scale(0.47); }
  66.66667% {
    transform: translateX(-37vw) translateY(33vh) scale(0.34); }
  70.37037% {
    transform: translateX(42vw) translateY(-43vh) scale(0.35); }
  74.07407% {
    transform: translateX(21vw) translateY(17vh) scale(0.63); }
  77.77778% {
    transform: translateX(-4vw) translateY(21vh) scale(0.37); }
  81.48148% {
    transform: translateX(-5vw) translateY(-32vh) scale(0.93); }
  85.18519% {
    transform: translateX(-7vw) translateY(-32vh) scale(0.85); }
  88.88889% {
    transform: translateX(6vw) translateY(33vh) scale(0.32); }
  92.59259% {
    transform: translateX(42vw) translateY(43vh) scale(0.66); }
  96.2963% {
    transform: translateX(38vw) translateY(-29vh) scale(0.38); }
  100% {
    transform: translateX(47vw) translateY(-30vh) scale(0.44); } }

.firefly:nth-child(2) {
  animation-name: move2; }
  .firefly:nth-child(2)::before {
    animation-duration: 16s; }
  .firefly:nth-child(2)::after {
    animation-duration: 16s, 7908ms;
    animation-delay: 0ms, 5035ms; }

@keyframes move2 {
  0% {
    transform: translateX(33vw) translateY(44vh) scale(0.95); }
  3.7037% {
    transform: translateX(-41vw) translateY(-35vh) scale(0.39); }
  7.40741% {
    transform: translateX(9vw) translateY(38vh) scale(0.95); }
  11.11111% {
    transform: translateX(27vw) translateY(-18vh) scale(0.26); }
  14.81481% {
    transform: translateX(30vw) translateY(-22vh) scale(0.41); }
  18.51852% {
    transform: translateX(-32vw) translateY(13vh) scale(0.35); }
  22.22222% {
    transform: translateX(41vw) translateY(49vh) scale(0.61); }
  25.92593% {
    transform: translateX(-1vw) translateY(-21vh) scale(0.94); }
  29.62963% {
    transform: translateX(-25vw) translateY(-34vh) scale(0.66); }
  33.33333% {
    transform: translateX(13vw) translateY(-39vh) scale(0.94); }
  37.03704% {
    transform: translateX(-44vw) translateY(-48vh) scale(0.71); }
  40.74074% {
    transform: translateX(-33vw) translateY(36vh) scale(0.54); }
  44.44444% {
    transform: translateX(-28vw) translateY(41vh) scale(0.88); }
  48.14815% {
    transform: translateX(-25vw) translateY(8vh) scale(0.32); }
  51.85185% {
    transform: translateX(-40vw) translateY(4vh) scale(0.74); }
  55.55556% {
    transform: translateX(-34vw) translateY(40vh) scale(0.31); }
  59.25926% {
    transform: translateX(-40vw) translateY(-7vh) scale(0.3); }
  62.96296% {
    transform: translateX(-6vw) translateY(-39vh) scale(0.74); }
  66.66667% {
    transform: translateX(3vw) translateY(16vh) scale(0.42); }
  70.37037% {
    transform: translateX(-44vw) translateY(-30vh) scale(0.37); }
  74.07407% {
    transform: translateX(10vw) translateY(29vh) scale(0.59); }
  77.77778% {
    transform: translateX(-30vw) translateY(9vh) scale(0.84); }
  81.48148% {
    transform: translateX(-44vw) translateY(-3vh) scale(0.26); }
  85.18519% {
    transform: translateX(26vw) translateY(22vh) scale(0.45); }
  88.88889% {
    transform: translateX(11vw) translateY(2vh) scale(0.26); }
  92.59259% {
    transform: translateX(20vw) translateY(-16vh) scale(0.3); }
  96.2963% {
    transform: translateX(45vw) translateY(-6vh) scale(0.4); }
  100% {
    transform: translateX(-43vw) translateY(32vh) scale(0.5); } }

.firefly:nth-child(3) {
  animation-name: move3; }
  .firefly:nth-child(3)::before {
    animation-duration: 17s; }
  .firefly:nth-child(3)::after {
    animation-duration: 17s, 7672ms;
    animation-delay: 0ms, 1661ms; }

@keyframes move3 {
  0% {
    transform: translateX(35vw) translateY(-13vh) scale(0.63); }
  5.26316% {
    transform: translateX(-44vw) translateY(-26vh) scale(0.95); }
  10.52632% {
    transform: translateX(-19vw) translateY(35vh) scale(0.99); }
  15.78947% {
    transform: translateX(10vw) translateY(20vh) scale(0.67); }
  21.05263% {
    transform: translateX(4vw) translateY(-39vh) scale(0.48); }
  26.31579% {
    transform: translateX(36vw) translateY(-35vh) scale(0.52); }
  31.57895% {
    transform: translateX(7vw) translateY(-27vh) scale(0.68); }
  36.84211% {
    transform: translateX(5vw) translateY(11vh) scale(0.53); }
  42.10526% {
    transform: translateX(-9vw) translateY(-43vh) scale(0.58); }
  47.36842% {
    transform: translateX(29vw) translateY(-24vh) scale(0.62); }
  52.63158% {
    transform: translateX(-41vw) translateY(-15vh) scale(0.42); }
  57.89474% {
    transform: translateX(-30vw) translateY(-1vh) scale(0.8); }
  63.15789% {
    transform: translateX(36vw) translateY(-16vh) scale(0.47); }
  68.42105% {
    transform: translateX(14vw) translateY(1vh) scale(0.64); }
  73.68421% {
    transform: translateX(4vw) translateY(2vh) scale(0.45); }
  78.94737% {
    transform: translateX(28vw) translateY(-6vh) scale(0.55); }
  84.21053% {
    transform: translateX(22vw) translateY(47vh) scale(0.96); }
  89.47368% {
    transform: translateX(-41vw) translateY(20vh) scale(0.87); }
  94.73684% {
    transform: translateX(19vw) translateY(-36vh) scale(0.32); }
  100% {
    transform: translateX(37vw) translateY(46vh) scale(0.31); } }

.firefly:nth-child(4) {
  animation-name: move4; }
  .firefly:nth-child(4)::before {
    animation-duration: 18s; }
  .firefly:nth-child(4)::after {
    animation-duration: 18s, 9113ms;
    animation-delay: 0ms, 4373ms; }

@keyframes move4 {
  0% {
    transform: translateX(-13vw) translateY(-13vh) scale(0.27); }
  4.34783% {
    transform: translateX(19vw) translateY(-26vh) scale(0.76); }
  8.69565% {
    transform: translateX(-9vw) translateY(31vh) scale(0.74); }
  13.04348% {
    transform: translateX(11vw) translateY(-20vh) scale(0.49); }
  17.3913% {
    transform: translateX(-31vw) translateY(15vh) scale(0.55); }
  21.73913% {
    transform: translateX(-24vw) translateY(-1vh) scale(0.38); }
  26.08696% {
    transform: translateX(-30vw) translateY(3vh) scale(0.75); }
  30.43478% {
    transform: translateX(-14vw) translateY(14vh) scale(0.4); }
  34.78261% {
    transform: translateX(44vw) translateY(8vh) scale(0.77); }
  39.13043% {
    transform: translateX(45vw) translateY(-21vh) scale(0.26); }
  43.47826% {
    transform: translateX(-43vw) translateY(-43vh) scale(0.72); }
  47.82609% {
    transform: translateX(-41vw) translateY(-39vh) scale(0.86); }
  52.17391% {
    transform: translateX(2vw) translateY(15vh) scale(0.85); }
  56.52174% {
    transform: translateX(11vw) translateY(4vh) scale(0.68); }
  60.86957% {
    transform: translateX(39vw) translateY(-3vh) scale(0.45); }
  65.21739% {
    transform: translateX(-16vw) translateY(28vh) scale(0.87); }
  69.56522% {
    transform: translateX(18vw) translateY(-28vh) scale(0.97); }
  73.91304% {
    transform: translateX(32vw) translateY(-34vh) scale(0.95); }
  78.26087% {
    transform: translateX(39vw) translateY(-46vh) scale(0.82); }
  82.6087% {
    transform: translateX(-19vw) translateY(-18vh) scale(0.83); }
  86.95652% {
    transform: translateX(-11vw) translateY(-12vh) scale(0.67); }
  91.30435% {
    transform: translateX(22vw) translateY(3vh) scale(0.33); }
  95.65217% {
    transform: translateX(-47vw) translateY(44vh) scale(0.72); }
  100% {
    transform: translateX(45vw) translateY(-27vh) scale(0.82); } }

.firefly:nth-child(5) {
  animation-name: move5; }
  .firefly:nth-child(5)::before {
    animation-duration: 9s; }
  .firefly:nth-child(5)::after {
    animation-duration: 9s, 9605ms;
    animation-delay: 0ms, 5577ms; }

@keyframes move5 {
  0% {
    transform: translateX(23vw) translateY(-6vh) scale(0.29); }
  3.7037% {
    transform: translateX(-46vw) translateY(-23vh) scale(0.87); }
  7.40741% {
    transform: translateX(-17vw) translateY(-17vh) scale(0.54); }
  11.11111% {
    transform: translateX(10vw) translateY(-23vh) scale(0.8); }
  14.81481% {
    transform: translateX(28vw) translateY(-18vh) scale(0.51); }
  18.51852% {
    transform: translateX(-34vw) translateY(-33vh) scale(0.33); }
  22.22222% {
    transform: translateX(24vw) translateY(-36vh) scale(0.3); }
  25.92593% {
    transform: translateX(7vw) translateY(31vh) scale(0.7); }
  29.62963% {
    transform: translateX(36vw) translateY(41vh) scale(0.66); }
  33.33333% {
    transform: translateX(-26vw) translateY(23vh) scale(0.64); }
  37.03704% {
    transform: translateX(10vw) translateY(34vh) scale(0.38); }
  40.74074% {
    transform: translateX(-39vw) translateY(-12vh) scale(0.71); }
  44.44444% {
    transform: translateX(4vw) translateY(-49vh) scale(0.54); }
  48.14815% {
    transform: translateX(34vw) translateY(44vh) scale(0.48); }
  51.85185% {
    transform: translateX(1vw) translateY(-24vh) scale(0.55); }
  55.55556% {
    transform: translateX(47vw) translateY(3vh) scale(0.87); }
  59.25926% {
    transform: translateX(38vw) translateY(-10vh) scale(0.44); }
  62.96296% {
    transform: translateX(-13vw) translateY(29vh) scale(0.65); }
  66.66667% {
    transform: translateX(8vw) translateY(-49vh) scale(0.85); }
  70.37037% {
    transform: translateX(-42vw) translateY(50vh) scale(0.77); }
  74.07407% {
    transform: translateX(-4vw) translateY(25vh) scale(0.45); }
  77.77778% {
    transform: translateX(-28vw) translateY(12vh) scale(0.94); }
  81.48148% {
    transform: translateX(35vw) translateY(7vh) scale(0.82); }
  85.18519% {
    transform: translateX(-22vw) translateY(-31vh) scale(0.61); }
  88.88889% {
    transform: translateX(-21vw) translateY(50vh) scale(0.65); }
  92.59259% {
    transform: translateX(-2vw) translateY(-9vh) scale(1); }
  96.2963% {
    transform: translateX(15vw) translateY(-42vh) scale(0.97); }
  100% {
    transform: translateX(-2vw) translateY(43vh) scale(0.6); } }

.firefly:nth-child(6) {
  animation-name: move6; }
  .firefly:nth-child(6)::before {
    animation-duration: 11s; }
  .firefly:nth-child(6)::after {
    animation-duration: 11s, 7466ms;
    animation-delay: 0ms, 1679ms; }

@keyframes move6 {
  0% {
    transform: translateX(-26vw) translateY(26vh) scale(0.88); }
  4.34783% {
    transform: translateX(21vw) translateY(36vh) scale(0.77); }
  8.69565% {
    transform: translateX(35vw) translateY(-19vh) scale(0.63); }
  13.04348% {
    transform: translateX(-49vw) translateY(14vh) scale(0.67); }
  17.3913% {
    transform: translateX(-3vw) translateY(45vh) scale(0.9); }
  21.73913% {
    transform: translateX(-37vw) translateY(-21vh) scale(0.36); }
  26.08696% {
    transform: translateX(32vw) translateY(16vh) scale(1); }
  30.43478% {
    transform: translateX(44vw) translateY(44vh) scale(0.36); }
  34.78261% {
    transform: translateX(8vw) translateY(46vh) scale(0.64); }
  39.13043% {
    transform: translateX(47vw) translateY(37vh) scale(0.38); }
  43.47826% {
    transform: translateX(-23vw) translateY(22vh) scale(0.91); }
  47.82609% {
    transform: translateX(42vw) translateY(13vh) scale(0.73); }
  52.17391% {
    transform: translateX(1vw) translateY(22vh) scale(0.74); }
  56.52174% {
    transform: translateX(-31vw) translateY(-17vh) scale(0.48); }
  60.86957% {
    transform: translateX(14vw) translateY(25vh) scale(0.93); }
  65.21739% {
    transform: translateX(-11vw) translateY(35vh) scale(0.47); }
  69.56522% {
    transform: translateX(-15vw) translateY(33vh) scale(0.97); }
  73.91304% {
    transform: translateX(-13vw) translateY(39vh) scale(0.86); }
  78.26087% {
    transform: translateX(5vw) translateY(12vh) scale(0.35); }
  82.6087% {
    transform: translateX(-23vw) translateY(37vh) scale(0.46); }
  86.95652% {
    transform: translateX(33vw) translateY(-12vh) scale(0.3); }
  91.30435% {
    transform: translateX(38vw) translateY(-7vh) scale(0.92); }
  95.65217% {
    transform: translateX(18vw) translateY(-8vh) scale(0.44); }
  100% {
    transform: translateX(18vw) translateY(16vh) scale(0.79); } }

.firefly:nth-child(7) {
  animation-name: move7; }
  .firefly:nth-child(7)::before {
    animation-duration: 15s; }
  .firefly:nth-child(7)::after {
    animation-duration: 15s, 9619ms;
    animation-delay: 0ms, 1479ms; }

@keyframes move7 {
  0% {
    transform: translateX(-45vw) translateY(4vh) scale(0.56); }
  3.7037% {
    transform: translateX(-20vw) translateY(-25vh) scale(0.43); }
  7.40741% {
    transform: translateX(47vw) translateY(16vh) scale(0.73); }
  11.11111% {
    transform: translateX(14vw) translateY(-33vh) scale(0.97); }
  14.81481% {
    transform: translateX(-5vw) translateY(37vh) scale(0.27); }
  18.51852% {
    transform: translateX(-12vw) translateY(-32vh) scale(0.31); }
  22.22222% {
    transform: translateX(-6vw) translateY(-30vh) scale(0.48); }
  25.92593% {
    transform: translateX(-21vw) translateY(21vh) scale(0.58); }
  29.62963% {
    transform: translateX(-17vw) translateY(-14vh) scale(0.83); }
  33.33333% {
    transform: translateX(-23vw) translateY(-6vh) scale(0.63); }
  37.03704% {
    transform: translateX(16vw) translateY(24vh) scale(0.68); }
  40.74074% {
    transform: translateX(45vw) translateY(-35vh) scale(0.6); }
  44.44444% {
    transform: translateX(-35vw) translateY(45vh) scale(0.4); }
  48.14815% {
    transform: translateX(-43vw) translateY(-2vh) scale(0.67); }
  51.85185% {
    transform: translateX(-34vw) translateY(-26vh) scale(0.54); }
  55.55556% {
    transform: translateX(36vw) translateY(-22vh) scale(0.32); }
  59.25926% {
    transform: translateX(-16vw) translateY(-40vh) scale(0.45); }
  62.96296% {
    transform: translateX(33vw) translateY(10vh) scale(0.68); }
  66.66667% {
    transform: translateX(22vw) translateY(48vh) scale(0.36); }
  70.37037% {
    transform: translateX(-41vw) translateY(28vh) scale(0.29); }
  74.07407% {
    transform: translateX(12vw) translateY(38vh) scale(0.57); }
  77.77778% {
    transform: translateX(-21vw) translateY(-21vh) scale(0.41); }
  81.48148% {
    transform: translateX(-42vw) translateY(-12vh) scale(0.8); }
  85.18519% {
    transform: translateX(25vw) translateY(43vh) scale(0.69); }
  88.88889% {
    transform: translateX(42vw) translateY(34vh) scale(0.6); }
  92.59259% {
    transform: translateX(9vw) translateY(-48vh) scale(0.6); }
  96.2963% {
    transform: translateX(19vw) translateY(40vh) scale(0.93); }
  100% {
    transform: translateX(48vw) translateY(0vh) scale(0.59); } }

.firefly:nth-child(8) {
  animation-name: move8; }
  .firefly:nth-child(8)::before {
    animation-duration: 12s; }
  .firefly:nth-child(8)::after {
    animation-duration: 12s, 6697ms;
    animation-delay: 0ms, 3860ms; }

@keyframes move8 {
  0% {
    transform: translateX(1vw) translateY(36vh) scale(0.73); }
  5.26316% {
    transform: translateX(41vw) translateY(17vh) scale(0.31); }
  10.52632% {
    transform: translateX(-14vw) translateY(34vh) scale(0.92); }
  15.78947% {
    transform: translateX(43vw) translateY(-13vh) scale(0.95); }
  21.05263% {
    transform: translateX(21vw) translateY(17vh) scale(0.46); }
  26.31579% {
    transform: translateX(26vw) translateY(6vh) scale(0.44); }
  31.57895% {
    transform: translateX(-44vw) translateY(-24vh) scale(0.7); }
  36.84211% {
    transform: translateX(50vw) translateY(-29vh) scale(0.47); }
  42.10526% {
    transform: translateX(4vw) translateY(-5vh) scale(0.94); }
  47.36842% {
    transform: translateX(19vw) translateY(37vh) scale(0.61); }
  52.63158% {
    transform: translateX(29vw) translateY(7vh) scale(0.92); }
  57.89474% {
    transform: translateX(21vw) translateY(-34vh) scale(0.41); }
  63.15789% {
    transform: translateX(29vw) translateY(46vh) scale(0.52); }
  68.42105% {
    transform: translateX(26vw) translateY(9vh) scale(0.87); }
  73.68421% {
    transform: translateX(6vw) translateY(30vh) scale(0.66); }
  78.94737% {
    transform: translateX(34vw) translateY(-28vh) scale(0.43); }
  84.21053% {
    transform: translateX(-36vw) translateY(28vh) scale(0.59); }
  89.47368% {
    transform: translateX(0vw) translateY(43vh) scale(0.47); }
  94.73684% {
    transform: translateX(-41vw) translateY(30vh) scale(0.83); }
  100% {
    transform: translateX(37vw) translateY(-15vh) scale(0.38); } }

.firefly:nth-child(9) {
  animation-name: move9; }
  .firefly:nth-child(9)::before {
    animation-duration: 16s; }
  .firefly:nth-child(9)::after {
    animation-duration: 16s, 6035ms;
    animation-delay: 0ms, 5457ms; }

@keyframes move9 {
  0% {
    transform: translateX(21vw) translateY(-5vh) scale(0.86); }
  5.26316% {
    transform: translateX(-28vw) translateY(-44vh) scale(0.76); }
  10.52632% {
    transform: translateX(-33vw) translateY(34vh) scale(0.97); }
  15.78947% {
    transform: translateX(-9vw) translateY(25vh) scale(0.26); }
  21.05263% {
    transform: translateX(16vw) translateY(20vh) scale(0.88); }
  26.31579% {
    transform: translateX(-30vw) translateY(-30vh) scale(0.95); }
  31.57895% {
    transform: translateX(-24vw) translateY(-37vh) scale(0.79); }
  36.84211% {
    transform: translateX(8vw) translateY(45vh) scale(0.84); }
  42.10526% {
    transform: translateX(-26vw) translateY(-33vh) scale(0.96); }
  47.36842% {
    transform: translateX(35vw) translateY(-8vh) scale(0.29); }
  52.63158% {
    transform: translateX(-27vw) translateY(39vh) scale(0.66); }
  57.89474% {
    transform: translateX(-8vw) translateY(28vh) scale(0.66); }
  63.15789% {
    transform: translateX(42vw) translateY(-31vh) scale(0.53); }
  68.42105% {
    transform: translateX(0vw) translateY(15vh) scale(0.8); }
  73.68421% {
    transform: translateX(2vw) translateY(-42vh) scale(0.52); }
  78.94737% {
    transform: translateX(-4vw) translateY(45vh) scale(0.78); }
  84.21053% {
    transform: translateX(-3vw) translateY(-3vh) scale(0.28); }
  89.47368% {
    transform: translateX(25vw) translateY(-37vh) scale(0.65); }
  94.73684% {
    transform: translateX(-19vw) translateY(17vh) scale(0.61); }
  100% {
    transform: translateX(-15vw) translateY(9vh) scale(0.75); } }

.firefly:nth-child(10) {
  animation-name: move10; }
  .firefly:nth-child(10)::before {
    animation-duration: 15s; }
  .firefly:nth-child(10)::after {
    animation-duration: 15s, 8873ms;
    animation-delay: 0ms, 1348ms; }

@keyframes drift {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes flash {
  0%, 30%, 100% {
    opacity: 0;
    box-shadow: 0 0 0vw 0vw yellow; }
  5% {
    opacity: 1;
    box-shadow: 0 0 2vw 0.4vw yellow; } }