.particle {
  position: absolute;
  border-radius: 50%;
}

@-webkit-keyframes particle-animation-1 {
  100% {
    -webkit-transform: translate3d(37vw, 17vh, 94px);
            transform: translate3d(37vw, 17vh, 94px);
  }
}

@keyframes particle-animation-1 {
  100% {
    -webkit-transform: translate3d(37vw, 17vh, 94px);
            transform: translate3d(37vw, 17vh, 94px);
  }
}
.particle:nth-child(1) {
  -webkit-animation: particle-animation-1 60s infinite;
          animation: particle-animation-1 60s infinite;
  opacity: 0.8;
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
  -webkit-transform: translate3d(36vw, 14vh, 53px);
          transform: translate3d(36vw, 14vh, 53px);
  background: #26d9b5;
}

@-webkit-keyframes particle-animation-2 {
  100% {
    -webkit-transform: translate3d(35vw, 49vh, 43px);
            transform: translate3d(35vw, 49vh, 43px);
  }
}

@keyframes particle-animation-2 {
  100% {
    -webkit-transform: translate3d(35vw, 49vh, 43px);
            transform: translate3d(35vw, 49vh, 43px);
  }
}
.particle:nth-child(2) {
  -webkit-animation: particle-animation-2 60s infinite;
          animation: particle-animation-2 60s infinite;
  opacity: 0.79;
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
  -webkit-transform: translate3d(4vw, 70vh, 61px);
          transform: translate3d(4vw, 70vh, 61px);
  background: #3ed926;
}

@-webkit-keyframes particle-animation-3 {
  100% {
    -webkit-transform: translate3d(41vw, 1vh, 78px);
            transform: translate3d(41vw, 1vh, 78px);
  }
}

@keyframes particle-animation-3 {
  100% {
    -webkit-transform: translate3d(41vw, 1vh, 78px);
            transform: translate3d(41vw, 1vh, 78px);
  }
}
.particle:nth-child(3) {
  -webkit-animation: particle-animation-3 60s infinite;
          animation: particle-animation-3 60s infinite;
  opacity: 0.57;
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
  -webkit-transform: translate3d(32vw, 62vh, 59px);
          transform: translate3d(32vw, 62vh, 59px);
  background: #268ed9;
}

@-webkit-keyframes particle-animation-4 {
  100% {
    -webkit-transform: translate3d(20vw, 29vh, 65px);
            transform: translate3d(20vw, 29vh, 65px);
  }
}

@keyframes particle-animation-4 {
  100% {
    -webkit-transform: translate3d(20vw, 29vh, 65px);
            transform: translate3d(20vw, 29vh, 65px);
  }
}
.particle:nth-child(4) {
  -webkit-animation: particle-animation-4 60s infinite;
          animation: particle-animation-4 60s infinite;
  opacity: 0.05;
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
  -webkit-transform: translate3d(73vw, 32vh, 49px);
          transform: translate3d(73vw, 32vh, 49px);
  background: #4426d9;
}

@-webkit-keyframes particle-animation-5 {
  100% {
    -webkit-transform: translate3d(1vw, 88vh, 41px);
            transform: translate3d(1vw, 88vh, 41px);
  }
}

@keyframes particle-animation-5 {
  100% {
    -webkit-transform: translate3d(1vw, 88vh, 41px);
            transform: translate3d(1vw, 88vh, 41px);
  }
}
.particle:nth-child(5) {
  -webkit-animation: particle-animation-5 60s infinite;
          animation: particle-animation-5 60s infinite;
  opacity: 0.6;
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
  -webkit-transform: translate3d(4vw, 84vh, 8px);
          transform: translate3d(4vw, 84vh, 8px);
  background: #26d9bb;
}

@-webkit-keyframes particle-animation-6 {
  100% {
    -webkit-transform: translate3d(6vw, 2vh, 87px);
            transform: translate3d(6vw, 2vh, 87px);
  }
}

@keyframes particle-animation-6 {
  100% {
    -webkit-transform: translate3d(6vw, 2vh, 87px);
            transform: translate3d(6vw, 2vh, 87px);
  }
}
.particle:nth-child(6) {
  -webkit-animation: particle-animation-6 60s infinite;
          animation: particle-animation-6 60s infinite;
  opacity: 0.16;
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s;
  -webkit-transform: translate3d(67vw, 63vh, 31px);
          transform: translate3d(67vw, 63vh, 31px);
  background: #26d997;
}

@-webkit-keyframes particle-animation-7 {
  100% {
    -webkit-transform: translate3d(21vw, 71vh, 1px);
            transform: translate3d(21vw, 71vh, 1px);
  }
}

@keyframes particle-animation-7 {
  100% {
    -webkit-transform: translate3d(21vw, 71vh, 1px);
            transform: translate3d(21vw, 71vh, 1px);
  }
}
.particle:nth-child(7) {
  -webkit-animation: particle-animation-7 60s infinite;
          animation: particle-animation-7 60s infinite;
  opacity: 0.4;
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -1.4s;
          animation-delay: -1.4s;
  -webkit-transform: translate3d(7vw, 21vh, 13px);
          transform: translate3d(7vw, 21vh, 13px);
  background: #26d932;
}

@-webkit-keyframes particle-animation-8 {
  100% {
    -webkit-transform: translate3d(76vw, 1vh, 63px);
            transform: translate3d(76vw, 1vh, 63px);
  }
}

@keyframes particle-animation-8 {
  100% {
    -webkit-transform: translate3d(76vw, 1vh, 63px);
            transform: translate3d(76vw, 1vh, 63px);
  }
}
.particle:nth-child(8) {
  -webkit-animation: particle-animation-8 60s infinite;
          animation: particle-animation-8 60s infinite;
  opacity: 0.74;
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -1.6s;
          animation-delay: -1.6s;
  -webkit-transform: translate3d(50vw, 36vh, 41px);
          transform: translate3d(50vw, 36vh, 41px);
  background: #d92638;
}

@-webkit-keyframes particle-animation-9 {
  100% {
    -webkit-transform: translate3d(62vw, 28vh, 81px);
            transform: translate3d(62vw, 28vh, 81px);
  }
}

@keyframes particle-animation-9 {
  100% {
    -webkit-transform: translate3d(62vw, 28vh, 81px);
            transform: translate3d(62vw, 28vh, 81px);
  }
}
.particle:nth-child(9) {
  -webkit-animation: particle-animation-9 60s infinite;
          animation: particle-animation-9 60s infinite;
  opacity: 0.06;
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -1.8s;
          animation-delay: -1.8s;
  -webkit-transform: translate3d(64vw, 55vh, 93px);
          transform: translate3d(64vw, 55vh, 93px);
  background: #cd26d9;
}

@-webkit-keyframes particle-animation-10 {
  100% {
    -webkit-transform: translate3d(14vw, 86vh, 92px);
            transform: translate3d(14vw, 86vh, 92px);
  }
}

@keyframes particle-animation-10 {
  100% {
    -webkit-transform: translate3d(14vw, 86vh, 92px);
            transform: translate3d(14vw, 86vh, 92px);
  }
}
.particle:nth-child(10) {
  -webkit-animation: particle-animation-10 60s infinite;
          animation: particle-animation-10 60s infinite;
  opacity: 0.28;
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
  -webkit-transform: translate3d(59vw, 60vh, 70px);
          transform: translate3d(59vw, 60vh, 70px);
  background: #d9265c;
}

@-webkit-keyframes particle-animation-11 {
  100% {
    -webkit-transform: translate3d(65vw, 55vh, 73px);
            transform: translate3d(65vw, 55vh, 73px);
  }
}

@keyframes particle-animation-11 {
  100% {
    -webkit-transform: translate3d(65vw, 55vh, 73px);
            transform: translate3d(65vw, 55vh, 73px);
  }
}
.particle:nth-child(11) {
  -webkit-animation: particle-animation-11 60s infinite;
          animation: particle-animation-11 60s infinite;
  opacity: 0.05;
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -2.2s;
          animation-delay: -2.2s;
  -webkit-transform: translate3d(31vw, 52vh, 17px);
          transform: translate3d(31vw, 52vh, 17px);
  background: #d9d326;
}

@-webkit-keyframes particle-animation-12 {
  100% {
    -webkit-transform: translate3d(51vw, 48vh, 7px);
            transform: translate3d(51vw, 48vh, 7px);
  }
}

@keyframes particle-animation-12 {
  100% {
    -webkit-transform: translate3d(51vw, 48vh, 7px);
            transform: translate3d(51vw, 48vh, 7px);
  }
}
.particle:nth-child(12) {
  -webkit-animation: particle-animation-12 60s infinite;
          animation: particle-animation-12 60s infinite;
  opacity: 0.49;
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -2.4s;
          animation-delay: -2.4s;
  -webkit-transform: translate3d(89vw, 30vh, 27px);
          transform: translate3d(89vw, 30vh, 27px);
  background: #269ad9;
}

@-webkit-keyframes particle-animation-13 {
  100% {
    -webkit-transform: translate3d(44vw, 84vh, 26px);
            transform: translate3d(44vw, 84vh, 26px);
  }
}

@keyframes particle-animation-13 {
  100% {
    -webkit-transform: translate3d(44vw, 84vh, 26px);
            transform: translate3d(44vw, 84vh, 26px);
  }
}
.particle:nth-child(13) {
  -webkit-animation: particle-animation-13 60s infinite;
          animation: particle-animation-13 60s infinite;
  opacity: 0.58;
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -2.6s;
          animation-delay: -2.6s;
  -webkit-transform: translate3d(3vw, 37vh, 3px);
          transform: translate3d(3vw, 37vh, 3px);
  background: #ca26d9;
}

@-webkit-keyframes particle-animation-14 {
  100% {
    -webkit-transform: translate3d(80vw, 31vh, 35px);
            transform: translate3d(80vw, 31vh, 35px);
  }
}

@keyframes particle-animation-14 {
  100% {
    -webkit-transform: translate3d(80vw, 31vh, 35px);
            transform: translate3d(80vw, 31vh, 35px);
  }
}
.particle:nth-child(14) {
  -webkit-animation: particle-animation-14 60s infinite;
          animation: particle-animation-14 60s infinite;
  opacity: 0.93;
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -2.8s;
          animation-delay: -2.8s;
  -webkit-transform: translate3d(48vw, 7vh, 91px);
          transform: translate3d(48vw, 7vh, 91px);
  background: #d926d6;
}

@-webkit-keyframes particle-animation-15 {
  100% {
    -webkit-transform: translate3d(7vw, 81vh, 79px);
            transform: translate3d(7vw, 81vh, 79px);
  }
}

@keyframes particle-animation-15 {
  100% {
    -webkit-transform: translate3d(7vw, 81vh, 79px);
            transform: translate3d(7vw, 81vh, 79px);
  }
}
.particle:nth-child(15) {
  -webkit-animation: particle-animation-15 60s infinite;
          animation: particle-animation-15 60s infinite;
  opacity: 0.35;
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
  -webkit-transform: translate3d(30vw, 4vh, 44px);
          transform: translate3d(30vw, 4vh, 44px);
  background: #d92632;
}

@-webkit-keyframes particle-animation-16 {
  100% {
    -webkit-transform: translate3d(86vw, 61vh, 85px);
            transform: translate3d(86vw, 61vh, 85px);
  }
}

@keyframes particle-animation-16 {
  100% {
    -webkit-transform: translate3d(86vw, 61vh, 85px);
            transform: translate3d(86vw, 61vh, 85px);
  }
}
.particle:nth-child(16) {
  -webkit-animation: particle-animation-16 60s infinite;
          animation: particle-animation-16 60s infinite;
  opacity: 0.96;
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -3.2s;
          animation-delay: -3.2s;
  -webkit-transform: translate3d(37vw, 32vh, 11px);
          transform: translate3d(37vw, 32vh, 11px);
  background: #26d92f;
}

@-webkit-keyframes particle-animation-17 {
  100% {
    -webkit-transform: translate3d(26vw, 60vh, 75px);
            transform: translate3d(26vw, 60vh, 75px);
  }
}

@keyframes particle-animation-17 {
  100% {
    -webkit-transform: translate3d(26vw, 60vh, 75px);
            transform: translate3d(26vw, 60vh, 75px);
  }
}
.particle:nth-child(17) {
  -webkit-animation: particle-animation-17 60s infinite;
          animation: particle-animation-17 60s infinite;
  opacity: 0.61;
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -3.4s;
          animation-delay: -3.4s;
  -webkit-transform: translate3d(5vw, 77vh, 58px);
          transform: translate3d(5vw, 77vh, 58px);
  background: #2cd926;
}

@-webkit-keyframes particle-animation-18 {
  100% {
    -webkit-transform: translate3d(74vw, 85vh, 42px);
            transform: translate3d(74vw, 85vh, 42px);
  }
}

@keyframes particle-animation-18 {
  100% {
    -webkit-transform: translate3d(74vw, 85vh, 42px);
            transform: translate3d(74vw, 85vh, 42px);
  }
}
.particle:nth-child(18) {
  -webkit-animation: particle-animation-18 60s infinite;
          animation: particle-animation-18 60s infinite;
  opacity: 0.75;
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -3.6s;
          animation-delay: -3.6s;
  -webkit-transform: translate3d(58vw, 57vh, 28px);
          transform: translate3d(58vw, 57vh, 28px);
  background: #d9a326;
}

@-webkit-keyframes particle-animation-19 {
  100% {
    -webkit-transform: translate3d(22vw, 61vh, 81px);
            transform: translate3d(22vw, 61vh, 81px);
  }
}

@keyframes particle-animation-19 {
  100% {
    -webkit-transform: translate3d(22vw, 61vh, 81px);
            transform: translate3d(22vw, 61vh, 81px);
  }
}
.particle:nth-child(19) {
  -webkit-animation: particle-animation-19 60s infinite;
          animation: particle-animation-19 60s infinite;
  opacity: 0.91;
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -3.8s;
          animation-delay: -3.8s;
  -webkit-transform: translate3d(86vw, 70vh, 37px);
          transform: translate3d(86vw, 70vh, 37px);
  background: #d92926;
}

@-webkit-keyframes particle-animation-20 {
  100% {
    -webkit-transform: translate3d(57vw, 34vh, 35px);
            transform: translate3d(57vw, 34vh, 35px);
  }
}

@keyframes particle-animation-20 {
  100% {
    -webkit-transform: translate3d(57vw, 34vh, 35px);
            transform: translate3d(57vw, 34vh, 35px);
  }
}
.particle:nth-child(20) {
  -webkit-animation: particle-animation-20 60s infinite;
          animation: particle-animation-20 60s infinite;
  opacity: 0.18;
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
  -webkit-transform: translate3d(56vw, 21vh, 65px);
          transform: translate3d(56vw, 21vh, 65px);
  background: #3226d9;
}

@-webkit-keyframes particle-animation-21 {
  100% {
    -webkit-transform: translate3d(53vw, 44vh, 25px);
            transform: translate3d(53vw, 44vh, 25px);
  }
}

@keyframes particle-animation-21 {
  100% {
    -webkit-transform: translate3d(53vw, 44vh, 25px);
            transform: translate3d(53vw, 44vh, 25px);
  }
}
.particle:nth-child(21) {
  -webkit-animation: particle-animation-21 60s infinite;
          animation: particle-animation-21 60s infinite;
  opacity: 0.9;
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -4.2s;
          animation-delay: -4.2s;
  -webkit-transform: translate3d(87vw, 5vh, 4px);
          transform: translate3d(87vw, 5vh, 4px);
  background: #d92926;
}

@-webkit-keyframes particle-animation-22 {
  100% {
    -webkit-transform: translate3d(7vw, 17vh, 49px);
            transform: translate3d(7vw, 17vh, 49px);
  }
}

@keyframes particle-animation-22 {
  100% {
    -webkit-transform: translate3d(7vw, 17vh, 49px);
            transform: translate3d(7vw, 17vh, 49px);
  }
}
.particle:nth-child(22) {
  -webkit-animation: particle-animation-22 60s infinite;
          animation: particle-animation-22 60s infinite;
  opacity: 0.9;
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -4.4s;
          animation-delay: -4.4s;
  -webkit-transform: translate3d(73vw, 3vh, 72px);
          transform: translate3d(73vw, 3vh, 72px);
  background: #d926c1;
}

@-webkit-keyframes particle-animation-23 {
  100% {
    -webkit-transform: translate3d(69vw, 75vh, 7px);
            transform: translate3d(69vw, 75vh, 7px);
  }
}

@keyframes particle-animation-23 {
  100% {
    -webkit-transform: translate3d(69vw, 75vh, 7px);
            transform: translate3d(69vw, 75vh, 7px);
  }
}
.particle:nth-child(23) {
  -webkit-animation: particle-animation-23 60s infinite;
          animation: particle-animation-23 60s infinite;
  opacity: 0.88;
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -4.6s;
          animation-delay: -4.6s;
  -webkit-transform: translate3d(74vw, 67vh, 98px);
          transform: translate3d(74vw, 67vh, 98px);
  background: #d9262c;
}

@-webkit-keyframes particle-animation-24 {
  100% {
    -webkit-transform: translate3d(13vw, 23vh, 15px);
            transform: translate3d(13vw, 23vh, 15px);
  }
}

@keyframes particle-animation-24 {
  100% {
    -webkit-transform: translate3d(13vw, 23vh, 15px);
            transform: translate3d(13vw, 23vh, 15px);
  }
}
.particle:nth-child(24) {
  -webkit-animation: particle-animation-24 60s infinite;
          animation: particle-animation-24 60s infinite;
  opacity: 0.51;
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -4.8s;
          animation-delay: -4.8s;
  -webkit-transform: translate3d(89vw, 62vh, 99px);
          transform: translate3d(89vw, 62vh, 99px);
  background: #2fd926;
}

@-webkit-keyframes particle-animation-25 {
  100% {
    -webkit-transform: translate3d(77vw, 42vh, 42px);
            transform: translate3d(77vw, 42vh, 42px);
  }
}

@keyframes particle-animation-25 {
  100% {
    -webkit-transform: translate3d(77vw, 42vh, 42px);
            transform: translate3d(77vw, 42vh, 42px);
  }
}
.particle:nth-child(25) {
  -webkit-animation: particle-animation-25 60s infinite;
          animation: particle-animation-25 60s infinite;
  opacity: 0.13;
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -5s;
          animation-delay: -5s;
  -webkit-transform: translate3d(45vw, 82vh, 69px);
          transform: translate3d(45vw, 82vh, 69px);
  background: #d9264a;
}

@-webkit-keyframes particle-animation-26 {
  100% {
    -webkit-transform: translate3d(79vw, 66vh, 72px);
            transform: translate3d(79vw, 66vh, 72px);
  }
}

@keyframes particle-animation-26 {
  100% {
    -webkit-transform: translate3d(79vw, 66vh, 72px);
            transform: translate3d(79vw, 66vh, 72px);
  }
}
.particle:nth-child(26) {
  -webkit-animation: particle-animation-26 60s infinite;
          animation: particle-animation-26 60s infinite;
  opacity: 0.69;
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -5.2s;
          animation-delay: -5.2s;
  -webkit-transform: translate3d(90vw, 68vh, 61px);
          transform: translate3d(90vw, 68vh, 61px);
  background: #d92659;
}

@-webkit-keyframes particle-animation-27 {
  100% {
    -webkit-transform: translate3d(58vw, 45vh, 62px);
            transform: translate3d(58vw, 45vh, 62px);
  }
}

@keyframes particle-animation-27 {
  100% {
    -webkit-transform: translate3d(58vw, 45vh, 62px);
            transform: translate3d(58vw, 45vh, 62px);
  }
}
.particle:nth-child(27) {
  -webkit-animation: particle-animation-27 60s infinite;
          animation: particle-animation-27 60s infinite;
  opacity: 0.68;
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -5.4s;
          animation-delay: -5.4s;
  -webkit-transform: translate3d(60vw, 80vh, 7px);
          transform: translate3d(60vw, 80vh, 7px);
  background: #26d974;
}

@-webkit-keyframes particle-animation-28 {
  100% {
    -webkit-transform: translate3d(38vw, 82vh, 34px);
            transform: translate3d(38vw, 82vh, 34px);
  }
}

@keyframes particle-animation-28 {
  100% {
    -webkit-transform: translate3d(38vw, 82vh, 34px);
            transform: translate3d(38vw, 82vh, 34px);
  }
}
.particle:nth-child(28) {
  -webkit-animation: particle-animation-28 60s infinite;
          animation: particle-animation-28 60s infinite;
  opacity: 0.5;
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -5.6s;
          animation-delay: -5.6s;
  -webkit-transform: translate3d(72vw, 30vh, 8px);
          transform: translate3d(72vw, 30vh, 8px);
  background: #3bd926;
}

@-webkit-keyframes particle-animation-29 {
  100% {
    -webkit-transform: translate3d(85vw, 17vh, 69px);
            transform: translate3d(85vw, 17vh, 69px);
  }
}

@keyframes particle-animation-29 {
  100% {
    -webkit-transform: translate3d(85vw, 17vh, 69px);
            transform: translate3d(85vw, 17vh, 69px);
  }
}
.particle:nth-child(29) {
  -webkit-animation: particle-animation-29 60s infinite;
          animation: particle-animation-29 60s infinite;
  opacity: 0.38;
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -5.8s;
          animation-delay: -5.8s;
  -webkit-transform: translate3d(22vw, 51vh, 26px);
          transform: translate3d(22vw, 51vh, 26px);
  background: #26d988;
}

@-webkit-keyframes particle-animation-30 {
  100% {
    -webkit-transform: translate3d(78vw, 86vh, 31px);
            transform: translate3d(78vw, 86vh, 31px);
  }
}

@keyframes particle-animation-30 {
  100% {
    -webkit-transform: translate3d(78vw, 86vh, 31px);
            transform: translate3d(78vw, 86vh, 31px);
  }
}
.particle:nth-child(30) {
  -webkit-animation: particle-animation-30 60s infinite;
          animation: particle-animation-30 60s infinite;
  opacity: 0.36;
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -6s;
          animation-delay: -6s;
  -webkit-transform: translate3d(72vw, 29vh, 14px);
          transform: translate3d(72vw, 29vh, 14px);
  background: #74d926;
}

/* ---- reset ---- */ body{ margin:0; font:normal 75% Arial, Helvetica, sans-serif; } canvas{ display: block; vertical-align: bottom; } /* ---- particles.js container ---- */ #particles-js{ position:absolute; width: 100%; height: 100%; background-color: #b61924; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* ---- stats.js ---- */ .count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; }

body{
  height: 100vh;
  text-align: center;
}
  /*Trigger Button*/
.login-trigger {
  font-weight: bold;
  color: #fff;
  background: linear-gradient(to bottom right, #B05574, #F87E7B);
  padding: 15px 30px;
  border-radius: 30px;
  position: relative; 
  top: 50%;
}

/*Modal*/
h4 {
  font-weight: bold;
  color: #fff;
}
.close {
  color: #fff;
  transform: scale(1.2)
}
.modal-content {
  font-weight: bold;
  background: linear-gradient(to bottom right,#F87E7B,#B05574);
}
.form-control {
  margin: 1em 0;
}
.form-control:hover, .form-control:focus {
  box-shadow: none;  
  border-color: #fff;
}
.username, .password {
  border: none;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 2px solid #eee;
  padding-left: 0;
  font-weight: normal;
  background: transparent;  
}
.form-control::-webkit-input-placeholder {
  color: #eee;  
}
.form-control:focus::-webkit-input-placeholder {
  font-weight: bold;
  color: #fff;
}
.login {
  padding: 6px 20px;
  border-radius: 20px;
  background: none;
  border: 2px solid #FAB87F;
  color: #FAB87F;
  font-weight: bold;
  transition: all .5s;
  margin-top: 1em;
}
.login:hover {
  background: #FAB87F;
  color: #fff;
}