html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
}
*,
::before,
::after {
  background-repeat: no-repeat;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}
* {
  padding: 0;
  margin: 0;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
hr {
  overflow: visible;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
summary {
  display: list-item;
}
small {
  font-size: 80%;
}
[hidden],
template {
  display: none;
}
abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
  outline-width: 0;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}
b,
strong {
  font-weight: bolder;
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #000;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
input {
  border-radius: 0;
}
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer;
}
[disabled] {
  cursor: default;
}
[type="number"] {
  width: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  resize: vertical;
}
button,
input,
optgroup,
select,
textarea {
  font: inherit;
}
optgroup {
  font-weight: bold;
}
button {
  overflow: visible;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button,
select {
  text-transform: none;
}
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
}
select::-ms-expand {
  display: none;
}
select::-ms-value {
  color: currentColor;
}
legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
img {
  border-style: none;
}
progress {
  vertical-align: baseline;
}
svg:not(:root) {
  overflow: hidden;
}
audio,
canvas,
progress,
video {
  display: inline-block;
}
@media screen {
  [hidden~="screen"] {
    display: inherit;
  }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}
[aria-busy="true"] {
  cursor: progress;
}
[aria-controls] {
  cursor: pointer;
}
[aria-disabled] {
  cursor: default;
}
::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}
::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url("/asset/fonts/Comfortaa-Regular.woff2") format('woff2');
}
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url("/asset/fonts/Comfortaa-Bold.woff2") format('woff2');
}
@font-face {
  font-family: 'icomoon';
  src: url("/asset/fonts/icomoon.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-cake:before {
  content: "\e900";
}
.icon-discord:before {
  content: "\e901";
}
.icon-github:before {
  content: "\e902";
}
.icon-steam:before {
  content: "\e903";
}
.icon-twitter:before {
  content: "\e904";
}
.icon-mail:before {
  content: "\e905";
}
.icon-transgender:before {
  content: "\e906";
}
.icon-marker:before {
  content: "\e907";
}
.icon-bitcoin:before {
  content: "\e908";
}
.icon-web:before {
  content: "\e909";
}
.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}
.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
  position: absolute;
  border: 0.04em solid #00bcd4;
  width: 100%;
  height: 100%;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100 {
  position: relative;
  font-size: 5rem;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #ccc;
}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100 img {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.c100:after {
  position: absolute;
  top: 0.04em;
  left: 0.04em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #fff;
  width: 0.92em;
  height: 0.92em;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.c100.p5 .bar {
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  transform: rotate(18deg);
}
.c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  transform: rotate(36deg);
}
.c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.c100.p13 .bar {
  -webkit-transform: rotate(46.800000000000004deg);
  -ms-transform: rotate(46.800000000000004deg);
  transform: rotate(46.800000000000004deg);
}
.c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.c100.p15 .bar {
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  transform: rotate(54deg);
}
.c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  transform: rotate(72deg);
}
.c100.p21 .bar {
  -webkit-transform: rotate(75.60000000000001deg);
  -ms-transform: rotate(75.60000000000001deg);
  transform: rotate(75.60000000000001deg);
}
.c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.c100.p26 .bar {
  -webkit-transform: rotate(93.60000000000001deg);
  -ms-transform: rotate(93.60000000000001deg);
  transform: rotate(93.60000000000001deg);
}
.c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  transform: rotate(108deg);
}
.c100.p31 .bar {
  -webkit-transform: rotate(111.60000000000001deg);
  -ms-transform: rotate(111.60000000000001deg);
  transform: rotate(111.60000000000001deg);
}
.c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.c100.p35 .bar {
  -webkit-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  transform: rotate(126deg);
}
.c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.c100.p37 .bar {
  -webkit-transform: rotate(133.20000000000002deg);
  -ms-transform: rotate(133.20000000000002deg);
  transform: rotate(133.20000000000002deg);
}
.c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  transform: rotate(144deg);
}
.c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.c100.p42 .bar {
  -webkit-transform: rotate(151.20000000000002deg);
  -ms-transform: rotate(151.20000000000002deg);
  transform: rotate(151.20000000000002deg);
}
.c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.c100.p45 .bar {
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  transform: rotate(162deg);
}
.c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.c100.p47 .bar {
  -webkit-transform: rotate(169.20000000000002deg);
  -ms-transform: rotate(169.20000000000002deg);
  transform: rotate(169.20000000000002deg);
}
.c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.c100.p52 .bar {
  -webkit-transform: rotate(187.20000000000002deg);
  -ms-transform: rotate(187.20000000000002deg);
  transform: rotate(187.20000000000002deg);
}
.c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.c100.p55 .bar {
  -webkit-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  transform: rotate(198deg);
}
.c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.c100.p57 .bar {
  -webkit-transform: rotate(205.20000000000002deg);
  -ms-transform: rotate(205.20000000000002deg);
  transform: rotate(205.20000000000002deg);
}
.c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  transform: rotate(216deg);
}
.c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.c100.p62 .bar {
  -webkit-transform: rotate(223.20000000000002deg);
  -ms-transform: rotate(223.20000000000002deg);
  transform: rotate(223.20000000000002deg);
}
.c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.c100.p65 .bar {
  -webkit-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  transform: rotate(234deg);
}
.c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.c100.p67 .bar {
  -webkit-transform: rotate(241.20000000000002deg);
  -ms-transform: rotate(241.20000000000002deg);
  transform: rotate(241.20000000000002deg);
}
.c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  transform: rotate(252deg);
}
.c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.c100.p74 .bar {
  -webkit-transform: rotate(266.40000000000003deg);
  -ms-transform: rotate(266.40000000000003deg);
  transform: rotate(266.40000000000003deg);
}
.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.c100.p79 .bar {
  -webkit-transform: rotate(284.40000000000003deg);
  -ms-transform: rotate(284.40000000000003deg);
  transform: rotate(284.40000000000003deg);
}
.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  transform: rotate(288deg);
}
.c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.c100.p84 .bar {
  -webkit-transform: rotate(302.40000000000003deg);
  -ms-transform: rotate(302.40000000000003deg);
  transform: rotate(302.40000000000003deg);
}
.c100.p85 .bar {
  -webkit-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  transform: rotate(306deg);
}
.c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.c100.p89 .bar {
  -webkit-transform: rotate(320.40000000000003deg);
  -ms-transform: rotate(320.40000000000003deg);
  transform: rotate(320.40000000000003deg);
}
.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  transform: rotate(324deg);
}
.c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.c100.p94 .bar {
  -webkit-transform: rotate(338.40000000000003deg);
  -ms-transform: rotate(338.40000000000003deg);
  transform: rotate(338.40000000000003deg);
}
.c100.p95 .bar {
  -webkit-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  transform: rotate(342deg);
}
.c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.c100.p99 .bar {
  -webkit-transform: rotate(356.40000000000003deg);
  -ms-transform: rotate(356.40000000000003deg);
  transform: rotate(356.40000000000003deg);
}
.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.flip {
  -webkit-transform: scale(-1, -1);
  -ms-transform: scale(-1, -1);
  transform: scale(-1, -1);
}
.invert {
  -webkit-filter: invert();
  filter: invert();
}
.card,
#profile-container .profile-card,
#profile-container .discord-status,
#profile-container .skill-card,
#works-container .box,
#footer footer {
  position: relative;
  min-height: calc(20rem * 1.414);
  min-width: calc(20rem * 1);
  height: calc(20vw * 1.414);
  width: calc(20vw * 1);
  margin: 1rem 1rem;
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
}
body {
  background: #ecf3f3;
  font-family: 'comfortaa';
}
#alert {
  position: fixed;
  top: 0;
  z-index: 20;
  text-align: center;
  background-color: #f06292;
  color: #fff;
  width: 100%;
}
.wrapper {
  position: relative;
  width: 100%;
  z-index: 1;
  padding: 3rem;
}
#profile-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#profile-container .profile-card address {
  position: absolute;
  bottom: 5%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#profile-container .profile-card .info {
  margin-top: 3%;
  color: #909090;
  font-size: 80%;
}
#profile-container .profile-card p {
  margin-bottom: 2%;
}
#profile-container .profile-card>img {
  margin-top: -30%;
  background-color: #eac1c1;
  border: 3px solid #eac1c1;
  width: 40%;
  border-radius: 50%;
}
#profile-container .profile-card:before {
  width: 100%;
  height: 45%;
  display: inline-block;
  content: "";
  background: url("/asset/img/cover.jpg") no-repeat center center/cover;
  border-radius: 3px 3px 0 0;
}
#profile-container .discord-status {
  min-height: calc(6rem * 1.414);
  height: calc(6vw * 1.414);
  background-color: #7289da;
  color: #fff;
  padding: 3%;
}
#profile-container .discord-status> * {
  position: absolute;
}
#profile-container .discord-status #discord-avatar {
  border-radius: 50%;
  width: 25%;
  left: 5%;
}
#profile-container .discord-status #status {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  z-index: 1;
  left: 23.5%;
  top: 52%;
  background-color: #747f8d;
  -webkit-box-shadow: inset 0 0 0 2px rgba(199,204,209,0.6);
  box-shadow: inset 0 0 0 2px rgba(199,204,209,0.6);
}
#profile-container .discord-status #status.online {
  background-color: #43b581;
  -webkit-box-shadow: inset 0 0 0 2px rgba(180,225,205,0.6);
  box-shadow: inset 0 0 0 2px rgba(180,225,205,0.6);
}
#profile-container .discord-status #status.idle {
  background-color: #faa61a;
  -webkit-box-shadow: inset 0 0 0 2px rgba(253,219,165,0.6);
  box-shadow: inset 0 0 0 2px rgba(253,219,165,0.6);
}
#profile-container .discord-status #status.dnd {
  background-color: #f04747;
  -webkit-box-shadow: inset 0 0 0 2px rgba(249,180,180,0.6);
  box-shadow: inset 0 0 0 2px rgba(249,180,180,0.6);
}
#profile-container .discord-status #hype-badge {
  width: 10%;
  left: 12.5%;
  bottom: 3%;
}
#profile-container .discord-status #hype-badge .tooltip-content {
  margin-left: -1.5rem;
}
#profile-container .discord-status #discord-name {
  top: 20%;
  left: 35%;
}
#profile-container .discord-status #playing {
  top: 55%;
  left: 35%;
}
#profile-container .skill-card {
  min-height: calc(13.5rem * 1.414);
  height: calc(13.5vw * 1.414);
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
#profile-container .skill-card .circle {
  width: 20%;
}
#works-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#works-container .box {
  min-width: 12rem;
  min-height: 12rem;
  width: 12vw;
  height: 12vw;
}
#works-container .box img {
  border-radius: 5%;
  width: 45%;
  height: 45%;
  margin-top: 7%;
  -o-object-fit: contain;
  object-fit: contain;
}
#works-container .box p {
  margin-bottom: 15%;
}
#works-container .box> [class*="icon"] {
  color: #212121;
  margin: 0.5rem;
}
#footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#footer footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 3rem;
  height: 3vw;
  width: 60%;
}
#footer footer p {
  margin-right: 1rem;
}
#footer footer p #ribbon:after {
  content: '';
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  background-image: url("/asset/img/puzzleribbon.png");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-left: 0.3em;
}
.tooltip-base,
.tooltip:hover .tooltip-hover,
.tooltip:active .tooltip-active {
  position: absolute;
  display: block;
  margin-top: -2.5rem;
  background-color: #000;
  padding: 0.5rem;
  color: #fff;
  min-width: 5rem;
  z-index: 10;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  font-size: 0.8rem;
}
.tooltip [class*="tooltip-"] {
  display: none;
}
.tooltip:hover .tooltip-hover img {
  margin-top: 0.5rem;
  width: 10rem;
}
.tooltip[data-tooltip-has-image] .tooltip-hover {
  margin-top: -8.25rem;
}
.tooltip:active .tooltip-active {
  margin-top: 2.7rem;
}
.button {
  background-color: #fff;
  height: 3rem;
  width: 3rem;
  margin: 0 2%;
  border-radius: 50%;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.button.icon-twitter {
  cursor: pointer;
  color: #fff;
  background-color: #1ca0f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.2rem;
  border: 2px #1ca0f1 solid;
}
.button.icon-twitter:hover {
  background-color: #fff;
  color: #1ca0f1;
}
.button.icon-discord {
  cursor: pointer;
  color: #fff;
  background-color: #7289da;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.2rem;
  border: 2px #7289da solid;
}
.button.icon-discord:hover {
  background-color: #fff;
  color: #7289da;
}
.button.icon-steam {
  cursor: pointer;
  color: #fff;
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.2rem;
  border: 2px #000 solid;
}
.button.icon-steam:hover {
  background-color: #fff;
  color: #000;
}
.button.icon-github {
  cursor: pointer;
  color: #fff;
  background-color: #231f20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.2rem;
  border: 2px #231f20 solid;
}
.button.icon-github:hover {
  background-color: #fff;
  color: #231f20;
}
.button.icon-mail {
  cursor: pointer;
  color: #fff;
  background-color: #7d7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.2rem;
  border: 2px #7d7 solid;
}
.button.icon-mail:hover {
  background-color: #fff;
  color: #7d7;
}
.button.icon-bitcoin {
  cursor: pointer;
  color: #fff;
  background-color: #f4ac04;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.2rem;
  border: 2px #f4ac04 solid;
}
.button.icon-bitcoin:hover {
  background-color: #fff;
  color: #f4ac04;
}
#particle-container {
  position: fixed;
  z-index: 0;
}
.particle {
  position: absolute;
  border-radius: 50%;
}
.particle:nth-child(1) {
  -webkit-animation: particle-animation-1 60s alternate infinite;
  animation: particle-animation-1 60s alternate infinite;
  opacity: 0.56;
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
  -webkit-transform: translate3d(81vw, 80vh, 16px);
  transform: translate3d(81vw, 80vh, 16px);
  background: #d92653;
}
@-moz-keyframes particle-animation-1 {
  100% {
    transform: translate3d(30vw, 11vh, 69px);
  }
}
@-webkit-keyframes particle-animation-1 {
  100% {
    -webkit-transform: translate3d(30vw, 11vh, 69px);
    transform: translate3d(30vw, 11vh, 69px);
  }
}
@-o-keyframes particle-animation-1 {
  100% {
    transform: translate3d(30vw, 11vh, 69px);
  }
}
@keyframes particle-animation-1 {
  100% {
    -webkit-transform: translate3d(30vw, 11vh, 69px);
    transform: translate3d(30vw, 11vh, 69px);
  }
}
.particle:nth-child(2) {
  -webkit-animation: particle-animation-2 60s alternate infinite;
  animation: particle-animation-2 60s alternate infinite;
  opacity: 0.8;
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
  -webkit-transform: translate3d(77vw, 60vh, 35px);
  transform: translate3d(77vw, 60vh, 35px);
  background: #26bed9;
}
@-moz-keyframes particle-animation-2 {
  100% {
    transform: translate3d(88vw, 64vh, 70px);
  }
}
@-webkit-keyframes particle-animation-2 {
  100% {
    -webkit-transform: translate3d(88vw, 64vh, 70px);
    transform: translate3d(88vw, 64vh, 70px);
  }
}
@-o-keyframes particle-animation-2 {
  100% {
    transform: translate3d(88vw, 64vh, 70px);
  }
}
@keyframes particle-animation-2 {
  100% {
    -webkit-transform: translate3d(88vw, 64vh, 70px);
    transform: translate3d(88vw, 64vh, 70px);
  }
}
.particle:nth-child(3) {
  -webkit-animation: particle-animation-3 60s alternate infinite;
  animation: particle-animation-3 60s alternate infinite;
  opacity: 0.79;
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
  -webkit-transform: translate3d(81vw, 51vh, 31px);
  transform: translate3d(81vw, 51vh, 31px);
  background: #26d929;
}
@-moz-keyframes particle-animation-3 {
  100% {
    transform: translate3d(47vw, 43vh, 43px);
  }
}
@-webkit-keyframes particle-animation-3 {
  100% {
    -webkit-transform: translate3d(47vw, 43vh, 43px);
    transform: translate3d(47vw, 43vh, 43px);
  }
}
@-o-keyframes particle-animation-3 {
  100% {
    transform: translate3d(47vw, 43vh, 43px);
  }
}
@keyframes particle-animation-3 {
  100% {
    -webkit-transform: translate3d(47vw, 43vh, 43px);
    transform: translate3d(47vw, 43vh, 43px);
  }
}
.particle:nth-child(4) {
  -webkit-animation: particle-animation-4 60s alternate infinite;
  animation: particle-animation-4 60s alternate infinite;
  opacity: 0.06;
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
  -webkit-transform: translate3d(19vw, 50vh, 30px);
  transform: translate3d(19vw, 50vh, 30px);
  background: #26d953;
}
@-moz-keyframes particle-animation-4 {
  100% {
    transform: translate3d(53vw, 7vh, 70px);
  }
}
@-webkit-keyframes particle-animation-4 {
  100% {
    -webkit-transform: translate3d(53vw, 7vh, 70px);
    transform: translate3d(53vw, 7vh, 70px);
  }
}
@-o-keyframes particle-animation-4 {
  100% {
    transform: translate3d(53vw, 7vh, 70px);
  }
}
@keyframes particle-animation-4 {
  100% {
    -webkit-transform: translate3d(53vw, 7vh, 70px);
    transform: translate3d(53vw, 7vh, 70px);
  }
}
.particle:nth-child(5) {
  -webkit-animation: particle-animation-5 60s alternate infinite;
  animation: particle-animation-5 60s alternate infinite;
  opacity: 0.2;
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  -webkit-transform: translate3d(87vw, 56vh, 93px);
  transform: translate3d(87vw, 56vh, 93px);
  background: #3826d9;
}
@-moz-keyframes particle-animation-5 {
  100% {
    transform: translate3d(56vw, 7vh, 83px);
  }
}
@-webkit-keyframes particle-animation-5 {
  100% {
    -webkit-transform: translate3d(56vw, 7vh, 83px);
    transform: translate3d(56vw, 7vh, 83px);
  }
}
@-o-keyframes particle-animation-5 {
  100% {
    transform: translate3d(56vw, 7vh, 83px);
  }
}
@keyframes particle-animation-5 {
  100% {
    -webkit-transform: translate3d(56vw, 7vh, 83px);
    transform: translate3d(56vw, 7vh, 83px);
  }
}
.particle:nth-child(6) {
  -webkit-animation: particle-animation-6 60s alternate infinite;
  animation: particle-animation-6 60s alternate infinite;
  opacity: 0.5;
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -1.2s;
  animation-delay: -1.2s;
  -webkit-transform: translate3d(3vw, 26vh, 51px);
  transform: translate3d(3vw, 26vh, 51px);
  background: #d99726;
}
@-moz-keyframes particle-animation-6 {
  100% {
    transform: translate3d(28vw, 53vh, 89px);
  }
}
@-webkit-keyframes particle-animation-6 {
  100% {
    -webkit-transform: translate3d(28vw, 53vh, 89px);
    transform: translate3d(28vw, 53vh, 89px);
  }
}
@-o-keyframes particle-animation-6 {
  100% {
    transform: translate3d(28vw, 53vh, 89px);
  }
}
@keyframes particle-animation-6 {
  100% {
    -webkit-transform: translate3d(28vw, 53vh, 89px);
    transform: translate3d(28vw, 53vh, 89px);
  }
}
.particle:nth-child(7) {
  -webkit-animation: particle-animation-7 60s alternate infinite;
  animation: particle-animation-7 60s alternate infinite;
  opacity: 0.17;
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -1.4s;
  animation-delay: -1.4s;
  -webkit-transform: translate3d(4vw, 71vh, 11px);
  transform: translate3d(4vw, 71vh, 11px);
  background: #2638d9;
}
@-moz-keyframes particle-animation-7 {
  100% {
    transform: translate3d(16vw, 68vh, 56px);
  }
}
@-webkit-keyframes particle-animation-7 {
  100% {
    -webkit-transform: translate3d(16vw, 68vh, 56px);
    transform: translate3d(16vw, 68vh, 56px);
  }
}
@-o-keyframes particle-animation-7 {
  100% {
    transform: translate3d(16vw, 68vh, 56px);
  }
}
@keyframes particle-animation-7 {
  100% {
    -webkit-transform: translate3d(16vw, 68vh, 56px);
    transform: translate3d(16vw, 68vh, 56px);
  }
}
.particle:nth-child(8) {
  -webkit-animation: particle-animation-8 60s alternate infinite;
  animation: particle-animation-8 60s alternate infinite;
  opacity: 0.88;
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -1.6s;
  animation-delay: -1.6s;
  -webkit-transform: translate3d(77vw, 50vh, 82px);
  transform: translate3d(77vw, 50vh, 82px);
  background: #b8d926;
}
@-moz-keyframes particle-animation-8 {
  100% {
    transform: translate3d(2vw, 3vh, 90px);
  }
}
@-webkit-keyframes particle-animation-8 {
  100% {
    -webkit-transform: translate3d(2vw, 3vh, 90px);
    transform: translate3d(2vw, 3vh, 90px);
  }
}
@-o-keyframes particle-animation-8 {
  100% {
    transform: translate3d(2vw, 3vh, 90px);
  }
}
@keyframes particle-animation-8 {
  100% {
    -webkit-transform: translate3d(2vw, 3vh, 90px);
    transform: translate3d(2vw, 3vh, 90px);
  }
}
.particle:nth-child(9) {
  -webkit-animation: particle-animation-9 60s alternate infinite;
  animation: particle-animation-9 60s alternate infinite;
  opacity: 0.18;
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -1.8s;
  animation-delay: -1.8s;
  -webkit-transform: translate3d(8vw, 60vh, 75px);
  transform: translate3d(8vw, 60vh, 75px);
  background: #d97d26;
}
@-moz-keyframes particle-animation-9 {
  100% {
    transform: translate3d(35vw, 51vh, 41px);
  }
}
@-webkit-keyframes particle-animation-9 {
  100% {
    -webkit-transform: translate3d(35vw, 51vh, 41px);
    transform: translate3d(35vw, 51vh, 41px);
  }
}
@-o-keyframes particle-animation-9 {
  100% {
    transform: translate3d(35vw, 51vh, 41px);
  }
}
@keyframes particle-animation-9 {
  100% {
    -webkit-transform: translate3d(35vw, 51vh, 41px);
    transform: translate3d(35vw, 51vh, 41px);
  }
}
.particle:nth-child(10) {
  -webkit-animation: particle-animation-10 60s alternate infinite;
  animation: particle-animation-10 60s alternate infinite;
  opacity: 0.17;
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
  -webkit-transform: translate3d(49vw, 1vh, 10px);
  transform: translate3d(49vw, 1vh, 10px);
  background: #26d9b8;
}
@-moz-keyframes particle-animation-10 {
  100% {
    transform: translate3d(82vw, 29vh, 30px);
  }
}
@-webkit-keyframes particle-animation-10 {
  100% {
    -webkit-transform: translate3d(82vw, 29vh, 30px);
    transform: translate3d(82vw, 29vh, 30px);
  }
}
@-o-keyframes particle-animation-10 {
  100% {
    transform: translate3d(82vw, 29vh, 30px);
  }
}
@keyframes particle-animation-10 {
  100% {
    -webkit-transform: translate3d(82vw, 29vh, 30px);
    transform: translate3d(82vw, 29vh, 30px);
  }
}
.particle:nth-child(11) {
  -webkit-animation: particle-animation-11 60s alternate infinite;
  animation: particle-animation-11 60s alternate infinite;
  opacity: 0.33;
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -2.2s;
  animation-delay: -2.2s;
  -webkit-transform: translate3d(54vw, 86vh, 58px);
  transform: translate3d(54vw, 86vh, 58px);
  background: #d926d0;
}
@-moz-keyframes particle-animation-11 {
  100% {
    transform: translate3d(71vw, 23vh, 66px);
  }
}
@-webkit-keyframes particle-animation-11 {
  100% {
    -webkit-transform: translate3d(71vw, 23vh, 66px);
    transform: translate3d(71vw, 23vh, 66px);
  }
}
@-o-keyframes particle-animation-11 {
  100% {
    transform: translate3d(71vw, 23vh, 66px);
  }
}
@keyframes particle-animation-11 {
  100% {
    -webkit-transform: translate3d(71vw, 23vh, 66px);
    transform: translate3d(71vw, 23vh, 66px);
  }
}
.particle:nth-child(12) {
  -webkit-animation: particle-animation-12 60s alternate infinite;
  animation: particle-animation-12 60s alternate infinite;
  opacity: 0.83;
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -2.4s;
  animation-delay: -2.4s;
  -webkit-transform: translate3d(14vw, 69vh, 13px);
  transform: translate3d(14vw, 69vh, 13px);
  background: #2677d9;
}
@-moz-keyframes particle-animation-12 {
  100% {
    transform: translate3d(5vw, 74vh, 3px);
  }
}
@-webkit-keyframes particle-animation-12 {
  100% {
    -webkit-transform: translate3d(5vw, 74vh, 3px);
    transform: translate3d(5vw, 74vh, 3px);
  }
}
@-o-keyframes particle-animation-12 {
  100% {
    transform: translate3d(5vw, 74vh, 3px);
  }
}
@keyframes particle-animation-12 {
  100% {
    -webkit-transform: translate3d(5vw, 74vh, 3px);
    transform: translate3d(5vw, 74vh, 3px);
  }
}
.particle:nth-child(13) {
  -webkit-animation: particle-animation-13 60s alternate infinite;
  animation: particle-animation-13 60s alternate infinite;
  opacity: 0.53;
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -2.6s;
  animation-delay: -2.6s;
  -webkit-transform: translate3d(38vw, 52vh, 67px);
  transform: translate3d(38vw, 52vh, 67px);
  background: #d97426;
}
@-moz-keyframes particle-animation-13 {
  100% {
    transform: translate3d(73vw, 2vh, 57px);
  }
}
@-webkit-keyframes particle-animation-13 {
  100% {
    -webkit-transform: translate3d(73vw, 2vh, 57px);
    transform: translate3d(73vw, 2vh, 57px);
  }
}
@-o-keyframes particle-animation-13 {
  100% {
    transform: translate3d(73vw, 2vh, 57px);
  }
}
@keyframes particle-animation-13 {
  100% {
    -webkit-transform: translate3d(73vw, 2vh, 57px);
    transform: translate3d(73vw, 2vh, 57px);
  }
}
.particle:nth-child(14) {
  -webkit-animation: particle-animation-14 60s alternate infinite;
  animation: particle-animation-14 60s alternate infinite;
  opacity: 0.93;
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -2.8s;
  animation-delay: -2.8s;
  -webkit-transform: translate3d(27vw, 90vh, 30px);
  transform: translate3d(27vw, 90vh, 30px);
  background: #3e26d9;
}
@-moz-keyframes particle-animation-14 {
  100% {
    transform: translate3d(16vw, 6vh, 17px);
  }
}
@-webkit-keyframes particle-animation-14 {
  100% {
    -webkit-transform: translate3d(16vw, 6vh, 17px);
    transform: translate3d(16vw, 6vh, 17px);
  }
}
@-o-keyframes particle-animation-14 {
  100% {
    transform: translate3d(16vw, 6vh, 17px);
  }
}
@keyframes particle-animation-14 {
  100% {
    -webkit-transform: translate3d(16vw, 6vh, 17px);
    transform: translate3d(16vw, 6vh, 17px);
  }
}
.particle:nth-child(15) {
  -webkit-animation: particle-animation-15 60s alternate infinite;
  animation: particle-animation-15 60s alternate infinite;
  opacity: 0.16;
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -3s;
  animation-delay: -3s;
  -webkit-transform: translate3d(23vw, 50vh, 51px);
  transform: translate3d(23vw, 50vh, 51px);
  background: #d93826;
}
@-moz-keyframes particle-animation-15 {
  100% {
    transform: translate3d(35vw, 35vh, 48px);
  }
}
@-webkit-keyframes particle-animation-15 {
  100% {
    -webkit-transform: translate3d(35vw, 35vh, 48px);
    transform: translate3d(35vw, 35vh, 48px);
  }
}
@-o-keyframes particle-animation-15 {
  100% {
    transform: translate3d(35vw, 35vh, 48px);
  }
}
@keyframes particle-animation-15 {
  100% {
    -webkit-transform: translate3d(35vw, 35vh, 48px);
    transform: translate3d(35vw, 35vh, 48px);
  }
}
.particle:nth-child(16) {
  -webkit-animation: particle-animation-16 60s alternate infinite;
  animation: particle-animation-16 60s alternate infinite;
  opacity: 0.64;
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -3.2s;
  animation-delay: -3.2s;
  -webkit-transform: translate3d(44vw, 49vh, 99px);
  transform: translate3d(44vw, 49vh, 99px);
  background: #b526d9;
}
@-moz-keyframes particle-animation-16 {
  100% {
    transform: translate3d(84vw, 37vh, 97px);
  }
}
@-webkit-keyframes particle-animation-16 {
  100% {
    -webkit-transform: translate3d(84vw, 37vh, 97px);
    transform: translate3d(84vw, 37vh, 97px);
  }
}
@-o-keyframes particle-animation-16 {
  100% {
    transform: translate3d(84vw, 37vh, 97px);
  }
}
@keyframes particle-animation-16 {
  100% {
    -webkit-transform: translate3d(84vw, 37vh, 97px);
    transform: translate3d(84vw, 37vh, 97px);
  }
}
.particle:nth-child(17) {
  -webkit-animation: particle-animation-17 60s alternate infinite;
  animation: particle-animation-17 60s alternate infinite;
  opacity: 0.87;
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -3.4s;
  animation-delay: -3.4s;
  -webkit-transform: translate3d(68vw, 65vh, 77px);
  transform: translate3d(68vw, 65vh, 77px);
  background: #2629d9;
}
@-moz-keyframes particle-animation-17 {
  100% {
    transform: translate3d(10vw, 85vh, 49px);
  }
}
@-webkit-keyframes particle-animation-17 {
  100% {
    -webkit-transform: translate3d(10vw, 85vh, 49px);
    transform: translate3d(10vw, 85vh, 49px);
  }
}
@-o-keyframes particle-animation-17 {
  100% {
    transform: translate3d(10vw, 85vh, 49px);
  }
}
@keyframes particle-animation-17 {
  100% {
    -webkit-transform: translate3d(10vw, 85vh, 49px);
    transform: translate3d(10vw, 85vh, 49px);
  }
}
.particle:nth-child(18) {
  -webkit-animation: particle-animation-18 60s alternate infinite;
  animation: particle-animation-18 60s alternate infinite;
  opacity: 0.83;
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -3.6s;
  animation-delay: -3.6s;
  -webkit-transform: translate3d(19vw, 21vh, 16px);
  transform: translate3d(19vw, 21vh, 16px);
  background: #d93226;
}
@-moz-keyframes particle-animation-18 {
  100% {
    transform: translate3d(48vw, 70vh, 60px);
  }
}
@-webkit-keyframes particle-animation-18 {
  100% {
    -webkit-transform: translate3d(48vw, 70vh, 60px);
    transform: translate3d(48vw, 70vh, 60px);
  }
}
@-o-keyframes particle-animation-18 {
  100% {
    transform: translate3d(48vw, 70vh, 60px);
  }
}
@keyframes particle-animation-18 {
  100% {
    -webkit-transform: translate3d(48vw, 70vh, 60px);
    transform: translate3d(48vw, 70vh, 60px);
  }
}
.particle:nth-child(19) {
  -webkit-animation: particle-animation-19 60s alternate infinite;
  animation: particle-animation-19 60s alternate infinite;
  opacity: 0.19;
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -3.8s;
  animation-delay: -3.8s;
  -webkit-transform: translate3d(68vw, 90vh, 57px);
  transform: translate3d(68vw, 90vh, 57px);
  background: #d326d9;
}
@-moz-keyframes particle-animation-19 {
  100% {
    transform: translate3d(24vw, 15vh, 46px);
  }
}
@-webkit-keyframes particle-animation-19 {
  100% {
    -webkit-transform: translate3d(24vw, 15vh, 46px);
    transform: translate3d(24vw, 15vh, 46px);
  }
}
@-o-keyframes particle-animation-19 {
  100% {
    transform: translate3d(24vw, 15vh, 46px);
  }
}
@keyframes particle-animation-19 {
  100% {
    -webkit-transform: translate3d(24vw, 15vh, 46px);
    transform: translate3d(24vw, 15vh, 46px);
  }
}
.particle:nth-child(20) {
  -webkit-animation: particle-animation-20 60s alternate infinite;
  animation: particle-animation-20 60s alternate infinite;
  opacity: 0.9;
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -4s;
  animation-delay: -4s;
  -webkit-transform: translate3d(15vw, 72vh, 39px);
  transform: translate3d(15vw, 72vh, 39px);
  background: #d98226;
}
@-moz-keyframes particle-animation-20 {
  100% {
    transform: translate3d(77vw, 72vh, 49px);
  }
}
@-webkit-keyframes particle-animation-20 {
  100% {
    -webkit-transform: translate3d(77vw, 72vh, 49px);
    transform: translate3d(77vw, 72vh, 49px);
  }
}
@-o-keyframes particle-animation-20 {
  100% {
    transform: translate3d(77vw, 72vh, 49px);
  }
}
@keyframes particle-animation-20 {
  100% {
    -webkit-transform: translate3d(77vw, 72vh, 49px);
    transform: translate3d(77vw, 72vh, 49px);
  }
}
.particle:nth-child(21) {
  -webkit-animation: particle-animation-21 60s alternate infinite;
  animation: particle-animation-21 60s alternate infinite;
  opacity: 0.43;
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -4.2s;
  animation-delay: -4.2s;
  -webkit-transform: translate3d(25vw, 83vh, 24px);
  transform: translate3d(25vw, 83vh, 24px);
  background: #2688d9;
}
@-moz-keyframes particle-animation-21 {
  100% {
    transform: translate3d(30vw, 89vh, 55px);
  }
}
@-webkit-keyframes particle-animation-21 {
  100% {
    -webkit-transform: translate3d(30vw, 89vh, 55px);
    transform: translate3d(30vw, 89vh, 55px);
  }
}
@-o-keyframes particle-animation-21 {
  100% {
    transform: translate3d(30vw, 89vh, 55px);
  }
}
@keyframes particle-animation-21 {
  100% {
    -webkit-transform: translate3d(30vw, 89vh, 55px);
    transform: translate3d(30vw, 89vh, 55px);
  }
}
.particle:nth-child(22) {
  -webkit-animation: particle-animation-22 60s alternate infinite;
  animation: particle-animation-22 60s alternate infinite;
  opacity: 0.58;
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -4.4s;
  animation-delay: -4.4s;
  -webkit-transform: translate3d(5vw, 64vh, 56px);
  transform: translate3d(5vw, 64vh, 56px);
  background: #d9265f;
}
@-moz-keyframes particle-animation-22 {
  100% {
    transform: translate3d(3vw, 77vh, 55px);
  }
}
@-webkit-keyframes particle-animation-22 {
  100% {
    -webkit-transform: translate3d(3vw, 77vh, 55px);
    transform: translate3d(3vw, 77vh, 55px);
  }
}
@-o-keyframes particle-animation-22 {
  100% {
    transform: translate3d(3vw, 77vh, 55px);
  }
}
@keyframes particle-animation-22 {
  100% {
    -webkit-transform: translate3d(3vw, 77vh, 55px);
    transform: translate3d(3vw, 77vh, 55px);
  }
}
.particle:nth-child(23) {
  -webkit-animation: particle-animation-23 60s alternate infinite;
  animation: particle-animation-23 60s alternate infinite;
  opacity: 0.76;
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -4.600000000000001s;
  animation-delay: -4.600000000000001s;
  -webkit-transform: translate3d(25vw, 87vh, 1px);
  transform: translate3d(25vw, 87vh, 1px);
  background: #cad926;
}
@-moz-keyframes particle-animation-23 {
  100% {
    transform: translate3d(60vw, 7vh, 51px);
  }
}
@-webkit-keyframes particle-animation-23 {
  100% {
    -webkit-transform: translate3d(60vw, 7vh, 51px);
    transform: translate3d(60vw, 7vh, 51px);
  }
}
@-o-keyframes particle-animation-23 {
  100% {
    transform: translate3d(60vw, 7vh, 51px);
  }
}
@keyframes particle-animation-23 {
  100% {
    -webkit-transform: translate3d(60vw, 7vh, 51px);
    transform: translate3d(60vw, 7vh, 51px);
  }
}
.particle:nth-child(24) {
  -webkit-animation: particle-animation-24 60s alternate infinite;
  animation: particle-animation-24 60s alternate infinite;
  opacity: 0.58;
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -4.800000000000001s;
  animation-delay: -4.800000000000001s;
  -webkit-transform: translate3d(57vw, 80vh, 42px);
  transform: translate3d(57vw, 80vh, 42px);
  background: #26d9d6;
}
@-moz-keyframes particle-animation-24 {
  100% {
    transform: translate3d(20vw, 49vh, 8px);
  }
}
@-webkit-keyframes particle-animation-24 {
  100% {
    -webkit-transform: translate3d(20vw, 49vh, 8px);
    transform: translate3d(20vw, 49vh, 8px);
  }
}
@-o-keyframes particle-animation-24 {
  100% {
    transform: translate3d(20vw, 49vh, 8px);
  }
}
@keyframes particle-animation-24 {
  100% {
    -webkit-transform: translate3d(20vw, 49vh, 8px);
    transform: translate3d(20vw, 49vh, 8px);
  }
}
.particle:nth-child(25) {
  -webkit-animation: particle-animation-25 60s alternate infinite;
  animation: particle-animation-25 60s alternate infinite;
  opacity: 0.83;
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -5s;
  animation-delay: -5s;
  -webkit-transform: translate3d(42vw, 74vh, 44px);
  transform: translate3d(42vw, 74vh, 44px);
  background: #26b8d9;
}
@-moz-keyframes particle-animation-25 {
  100% {
    transform: translate3d(35vw, 64vh, 39px);
  }
}
@-webkit-keyframes particle-animation-25 {
  100% {
    -webkit-transform: translate3d(35vw, 64vh, 39px);
    transform: translate3d(35vw, 64vh, 39px);
  }
}
@-o-keyframes particle-animation-25 {
  100% {
    transform: translate3d(35vw, 64vh, 39px);
  }
}
@keyframes particle-animation-25 {
  100% {
    -webkit-transform: translate3d(35vw, 64vh, 39px);
    transform: translate3d(35vw, 64vh, 39px);
  }
}
.particle:nth-child(26) {
  -webkit-animation: particle-animation-26 60s alternate infinite;
  animation: particle-animation-26 60s alternate infinite;
  opacity: 0.4;
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -5.2s;
  animation-delay: -5.2s;
  -webkit-transform: translate3d(67vw, 83vh, 80px);
  transform: translate3d(67vw, 83vh, 80px);
  background: #2641d9;
}
@-moz-keyframes particle-animation-26 {
  100% {
    transform: translate3d(78vw, 33vh, 33px);
  }
}
@-webkit-keyframes particle-animation-26 {
  100% {
    -webkit-transform: translate3d(78vw, 33vh, 33px);
    transform: translate3d(78vw, 33vh, 33px);
  }
}
@-o-keyframes particle-animation-26 {
  100% {
    transform: translate3d(78vw, 33vh, 33px);
  }
}
@keyframes particle-animation-26 {
  100% {
    -webkit-transform: translate3d(78vw, 33vh, 33px);
    transform: translate3d(78vw, 33vh, 33px);
  }
}
.particle:nth-child(27) {
  -webkit-animation: particle-animation-27 60s alternate infinite;
  animation: particle-animation-27 60s alternate infinite;
  opacity: 0.9;
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -5.4s;
  animation-delay: -5.4s;
  -webkit-transform: translate3d(42vw, 62vh, 1px);
  transform: translate3d(42vw, 62vh, 1px);
  background: #91d926;
}
@-moz-keyframes particle-animation-27 {
  100% {
    transform: translate3d(7vw, 68vh, 44px);
  }
}
@-webkit-keyframes particle-animation-27 {
  100% {
    -webkit-transform: translate3d(7vw, 68vh, 44px);
    transform: translate3d(7vw, 68vh, 44px);
  }
}
@-o-keyframes particle-animation-27 {
  100% {
    transform: translate3d(7vw, 68vh, 44px);
  }
}
@keyframes particle-animation-27 {
  100% {
    -webkit-transform: translate3d(7vw, 68vh, 44px);
    transform: translate3d(7vw, 68vh, 44px);
  }
}
.particle:nth-child(28) {
  -webkit-animation: particle-animation-28 60s alternate infinite;
  animation: particle-animation-28 60s alternate infinite;
  opacity: 0.47;
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -5.600000000000001s;
  animation-delay: -5.600000000000001s;
  -webkit-transform: translate3d(6vw, 20vh, 21px);
  transform: translate3d(6vw, 20vh, 21px);
  background: #74d926;
}
@-moz-keyframes particle-animation-28 {
  100% {
    transform: translate3d(5vw, 12vh, 21px);
  }
}
@-webkit-keyframes particle-animation-28 {
  100% {
    -webkit-transform: translate3d(5vw, 12vh, 21px);
    transform: translate3d(5vw, 12vh, 21px);
  }
}
@-o-keyframes particle-animation-28 {
  100% {
    transform: translate3d(5vw, 12vh, 21px);
  }
}
@keyframes particle-animation-28 {
  100% {
    -webkit-transform: translate3d(5vw, 12vh, 21px);
    transform: translate3d(5vw, 12vh, 21px);
  }
}
.particle:nth-child(29) {
  -webkit-animation: particle-animation-29 60s alternate infinite;
  animation: particle-animation-29 60s alternate infinite;
  opacity: 0.09;
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -5.800000000000001s;
  animation-delay: -5.800000000000001s;
  -webkit-transform: translate3d(61vw, 60vh, 21px);
  transform: translate3d(61vw, 60vh, 21px);
  background: #26d98e;
}
@-moz-keyframes particle-animation-29 {
  100% {
    transform: translate3d(86vw, 68vh, 69px);
  }
}
@-webkit-keyframes particle-animation-29 {
  100% {
    -webkit-transform: translate3d(86vw, 68vh, 69px);
    transform: translate3d(86vw, 68vh, 69px);
  }
}
@-o-keyframes particle-animation-29 {
  100% {
    transform: translate3d(86vw, 68vh, 69px);
  }
}
@keyframes particle-animation-29 {
  100% {
    -webkit-transform: translate3d(86vw, 68vh, 69px);
    transform: translate3d(86vw, 68vh, 69px);
  }
}
.particle:nth-child(30) {
  -webkit-animation: particle-animation-30 60s alternate infinite;
  animation: particle-animation-30 60s alternate infinite;
  opacity: 0.59;
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -6s;
  animation-delay: -6s;
  -webkit-transform: translate3d(29vw, 64vh, 89px);
  transform: translate3d(29vw, 64vh, 89px);
  background: #6e26d9;
}
@-moz-keyframes particle-animation-30 {
  100% {
    transform: translate3d(31vw, 84vh, 94px);
  }
}
@-webkit-keyframes particle-animation-30 {
  100% {
    -webkit-transform: translate3d(31vw, 84vh, 94px);
    transform: translate3d(31vw, 84vh, 94px);
  }
}
@-o-keyframes particle-animation-30 {
  100% {
    transform: translate3d(31vw, 84vh, 94px);
  }
}
@keyframes particle-animation-30 {
  100% {
    -webkit-transform: translate3d(31vw, 84vh, 94px);
    transform: translate3d(31vw, 84vh, 94px);
  }
}
.particle:nth-child(31) {
  -webkit-animation: particle-animation-31 60s alternate infinite;
  animation: particle-animation-31 60s alternate infinite;
  opacity: 0.5;
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -6.2s;
  animation-delay: -6.2s;
  -webkit-transform: translate3d(78vw, 25vh, 19px);
  transform: translate3d(78vw, 25vh, 19px);
  background: #26d938;
}
@-moz-keyframes particle-animation-31 {
  100% {
    transform: translate3d(76vw, 83vh, 81px);
  }
}
@-webkit-keyframes particle-animation-31 {
  100% {
    -webkit-transform: translate3d(76vw, 83vh, 81px);
    transform: translate3d(76vw, 83vh, 81px);
  }
}
@-o-keyframes particle-animation-31 {
  100% {
    transform: translate3d(76vw, 83vh, 81px);
  }
}
@keyframes particle-animation-31 {
  100% {
    -webkit-transform: translate3d(76vw, 83vh, 81px);
    transform: translate3d(76vw, 83vh, 81px);
  }
}
.particle:nth-child(32) {
  -webkit-animation: particle-animation-32 60s alternate infinite;
  animation: particle-animation-32 60s alternate infinite;
  opacity: 0.55;
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -6.4s;
  animation-delay: -6.4s;
  -webkit-transform: translate3d(74vw, 17vh, 2px);
  transform: translate3d(74vw, 17vh, 2px);
  background: #2677d9;
}
@-moz-keyframes particle-animation-32 {
  100% {
    transform: translate3d(59vw, 18vh, 37px);
  }
}
@-webkit-keyframes particle-animation-32 {
  100% {
    -webkit-transform: translate3d(59vw, 18vh, 37px);
    transform: translate3d(59vw, 18vh, 37px);
  }
}
@-o-keyframes particle-animation-32 {
  100% {
    transform: translate3d(59vw, 18vh, 37px);
  }
}
@keyframes particle-animation-32 {
  100% {
    -webkit-transform: translate3d(59vw, 18vh, 37px);
    transform: translate3d(59vw, 18vh, 37px);
  }
}
.particle:nth-child(33) {
  -webkit-animation: particle-animation-33 60s alternate infinite;
  animation: particle-animation-33 60s alternate infinite;
  opacity: 0.62;
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -6.600000000000001s;
  animation-delay: -6.600000000000001s;
  -webkit-transform: translate3d(88vw, 67vh, 63px);
  transform: translate3d(88vw, 67vh, 63px);
  background: #26d94a;
}
@-moz-keyframes particle-animation-33 {
  100% {
    transform: translate3d(55vw, 84vh, 35px);
  }
}
@-webkit-keyframes particle-animation-33 {
  100% {
    -webkit-transform: translate3d(55vw, 84vh, 35px);
    transform: translate3d(55vw, 84vh, 35px);
  }
}
@-o-keyframes particle-animation-33 {
  100% {
    transform: translate3d(55vw, 84vh, 35px);
  }
}
@keyframes particle-animation-33 {
  100% {
    -webkit-transform: translate3d(55vw, 84vh, 35px);
    transform: translate3d(55vw, 84vh, 35px);
  }
}
.particle:nth-child(34) {
  -webkit-animation: particle-animation-34 60s alternate infinite;
  animation: particle-animation-34 60s alternate infinite;
  opacity: 0.3;
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -6.800000000000001s;
  animation-delay: -6.800000000000001s;
  -webkit-transform: translate3d(20vw, 70vh, 45px);
  transform: translate3d(20vw, 70vh, 45px);
  background: #2659d9;
}
@-moz-keyframes particle-animation-34 {
  100% {
    transform: translate3d(49vw, 22vh, 70px);
  }
}
@-webkit-keyframes particle-animation-34 {
  100% {
    -webkit-transform: translate3d(49vw, 22vh, 70px);
    transform: translate3d(49vw, 22vh, 70px);
  }
}
@-o-keyframes particle-animation-34 {
  100% {
    transform: translate3d(49vw, 22vh, 70px);
  }
}
@keyframes particle-animation-34 {
  100% {
    -webkit-transform: translate3d(49vw, 22vh, 70px);
    transform: translate3d(49vw, 22vh, 70px);
  }
}
.particle:nth-child(35) {
  -webkit-animation: particle-animation-35 60s alternate infinite;
  animation: particle-animation-35 60s alternate infinite;
  opacity: 0.22;
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -7s;
  animation-delay: -7s;
  -webkit-transform: translate3d(73vw, 64vh, 66px);
  transform: translate3d(73vw, 64vh, 66px);
  background: #c4d926;
}
@-moz-keyframes particle-animation-35 {
  100% {
    transform: translate3d(12vw, 9vh, 27px);
  }
}
@-webkit-keyframes particle-animation-35 {
  100% {
    -webkit-transform: translate3d(12vw, 9vh, 27px);
    transform: translate3d(12vw, 9vh, 27px);
  }
}
@-o-keyframes particle-animation-35 {
  100% {
    transform: translate3d(12vw, 9vh, 27px);
  }
}
@keyframes particle-animation-35 {
  100% {
    -webkit-transform: translate3d(12vw, 9vh, 27px);
    transform: translate3d(12vw, 9vh, 27px);
  }
}
.particle:nth-child(36) {
  -webkit-animation: particle-animation-36 60s alternate infinite;
  animation: particle-animation-36 60s alternate infinite;
  opacity: 0.75;
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -7.2s;
  animation-delay: -7.2s;
  -webkit-transform: translate3d(65vw, 77vh, 85px);
  transform: translate3d(65vw, 77vh, 85px);
  background: #2685d9;
}
@-moz-keyframes particle-animation-36 {
  100% {
    transform: translate3d(84vw, 55vh, 26px);
  }
}
@-webkit-keyframes particle-animation-36 {
  100% {
    -webkit-transform: translate3d(84vw, 55vh, 26px);
    transform: translate3d(84vw, 55vh, 26px);
  }
}
@-o-keyframes particle-animation-36 {
  100% {
    transform: translate3d(84vw, 55vh, 26px);
  }
}
@keyframes particle-animation-36 {
  100% {
    -webkit-transform: translate3d(84vw, 55vh, 26px);
    transform: translate3d(84vw, 55vh, 26px);
  }
}
.particle:nth-child(37) {
  -webkit-animation: particle-animation-37 60s alternate infinite;
  animation: particle-animation-37 60s alternate infinite;
  opacity: 0.4;
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -7.4s;
  animation-delay: -7.4s;
  -webkit-transform: translate3d(51vw, 60vh, 66px);
  transform: translate3d(51vw, 60vh, 66px);
  background: #af26d9;
}
@-moz-keyframes particle-animation-37 {
  100% {
    transform: translate3d(49vw, 48vh, 43px);
  }
}
@-webkit-keyframes particle-animation-37 {
  100% {
    -webkit-transform: translate3d(49vw, 48vh, 43px);
    transform: translate3d(49vw, 48vh, 43px);
  }
}
@-o-keyframes particle-animation-37 {
  100% {
    transform: translate3d(49vw, 48vh, 43px);
  }
}
@keyframes particle-animation-37 {
  100% {
    -webkit-transform: translate3d(49vw, 48vh, 43px);
    transform: translate3d(49vw, 48vh, 43px);
  }
}
.particle:nth-child(38) {
  -webkit-animation: particle-animation-38 60s alternate infinite;
  animation: particle-animation-38 60s alternate infinite;
  opacity: 0.7;
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -7.600000000000001s;
  animation-delay: -7.600000000000001s;
  -webkit-transform: translate3d(23vw, 65vh, 77px);
  transform: translate3d(23vw, 65vh, 77px);
  background: #26b2d9;
}
@-moz-keyframes particle-animation-38 {
  100% {
    transform: translate3d(54vw, 86vh, 69px);
  }
}
@-webkit-keyframes particle-animation-38 {
  100% {
    -webkit-transform: translate3d(54vw, 86vh, 69px);
    transform: translate3d(54vw, 86vh, 69px);
  }
}
@-o-keyframes particle-animation-38 {
  100% {
    transform: translate3d(54vw, 86vh, 69px);
  }
}
@keyframes particle-animation-38 {
  100% {
    -webkit-transform: translate3d(54vw, 86vh, 69px);
    transform: translate3d(54vw, 86vh, 69px);
  }
}
.particle:nth-child(39) {
  -webkit-animation: particle-animation-39 60s alternate infinite;
  animation: particle-animation-39 60s alternate infinite;
  opacity: 0.34;
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -7.800000000000001s;
  animation-delay: -7.800000000000001s;
  -webkit-transform: translate3d(15vw, 29vh, 51px);
  transform: translate3d(15vw, 29vh, 51px);
  background: #bb26d9;
}
@-moz-keyframes particle-animation-39 {
  100% {
    transform: translate3d(71vw, 17vh, 50px);
  }
}
@-webkit-keyframes particle-animation-39 {
  100% {
    -webkit-transform: translate3d(71vw, 17vh, 50px);
    transform: translate3d(71vw, 17vh, 50px);
  }
}
@-o-keyframes particle-animation-39 {
  100% {
    transform: translate3d(71vw, 17vh, 50px);
  }
}
@keyframes particle-animation-39 {
  100% {
    -webkit-transform: translate3d(71vw, 17vh, 50px);
    transform: translate3d(71vw, 17vh, 50px);
  }
}
.particle:nth-child(40) {
  -webkit-animation: particle-animation-40 60s alternate infinite;
  animation: particle-animation-40 60s alternate infinite;
  opacity: 0.39;
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -8s;
  animation-delay: -8s;
  -webkit-transform: translate3d(25vw, 72vh, 70px);
  transform: translate3d(25vw, 72vh, 70px);
  background: #d626d9;
}
@-moz-keyframes particle-animation-40 {
  100% {
    transform: translate3d(49vw, 11vh, 50px);
  }
}
@-webkit-keyframes particle-animation-40 {
  100% {
    -webkit-transform: translate3d(49vw, 11vh, 50px);
    transform: translate3d(49vw, 11vh, 50px);
  }
}
@-o-keyframes particle-animation-40 {
  100% {
    transform: translate3d(49vw, 11vh, 50px);
  }
}
@keyframes particle-animation-40 {
  100% {
    -webkit-transform: translate3d(49vw, 11vh, 50px);
    transform: translate3d(49vw, 11vh, 50px);
  }
}
.particle:nth-child(41) {
  -webkit-animation: particle-animation-41 60s alternate infinite;
  animation: particle-animation-41 60s alternate infinite;
  opacity: 0.62;
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -8.200000000000001s;
  animation-delay: -8.200000000000001s;
  -webkit-transform: translate3d(35vw, 51vh, 7px);
  transform: translate3d(35vw, 51vh, 7px);
  background: #bbd926;
}
@-moz-keyframes particle-animation-41 {
  100% {
    transform: translate3d(43vw, 1vh, 20px);
  }
}
@-webkit-keyframes particle-animation-41 {
  100% {
    -webkit-transform: translate3d(43vw, 1vh, 20px);
    transform: translate3d(43vw, 1vh, 20px);
  }
}
@-o-keyframes particle-animation-41 {
  100% {
    transform: translate3d(43vw, 1vh, 20px);
  }
}
@keyframes particle-animation-41 {
  100% {
    -webkit-transform: translate3d(43vw, 1vh, 20px);
    transform: translate3d(43vw, 1vh, 20px);
  }
}
.particle:nth-child(42) {
  -webkit-animation: particle-animation-42 60s alternate infinite;
  animation: particle-animation-42 60s alternate infinite;
  opacity: 0.17;
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -8.4s;
  animation-delay: -8.4s;
  -webkit-transform: translate3d(43vw, 6vh, 7px);
  transform: translate3d(43vw, 6vh, 7px);
  background: #c426d9;
}
@-moz-keyframes particle-animation-42 {
  100% {
    transform: translate3d(60vw, 86vh, 7px);
  }
}
@-webkit-keyframes particle-animation-42 {
  100% {
    -webkit-transform: translate3d(60vw, 86vh, 7px);
    transform: translate3d(60vw, 86vh, 7px);
  }
}
@-o-keyframes particle-animation-42 {
  100% {
    transform: translate3d(60vw, 86vh, 7px);
  }
}
@keyframes particle-animation-42 {
  100% {
    -webkit-transform: translate3d(60vw, 86vh, 7px);
    transform: translate3d(60vw, 86vh, 7px);
  }
}
.particle:nth-child(43) {
  -webkit-animation: particle-animation-43 60s alternate infinite;
  animation: particle-animation-43 60s alternate infinite;
  opacity: 0.85;
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -8.6s;
  animation-delay: -8.6s;
  -webkit-transform: translate3d(57vw, 64vh, 63px);
  transform: translate3d(57vw, 64vh, 63px);
  background: #d9267a;
}
@-moz-keyframes particle-animation-43 {
  100% {
    transform: translate3d(69vw, 28vh, 99px);
  }
}
@-webkit-keyframes particle-animation-43 {
  100% {
    -webkit-transform: translate3d(69vw, 28vh, 99px);
    transform: translate3d(69vw, 28vh, 99px);
  }
}
@-o-keyframes particle-animation-43 {
  100% {
    transform: translate3d(69vw, 28vh, 99px);
  }
}
@keyframes particle-animation-43 {
  100% {
    -webkit-transform: translate3d(69vw, 28vh, 99px);
    transform: translate3d(69vw, 28vh, 99px);
  }
}
.particle:nth-child(44) {
  -webkit-animation: particle-animation-44 60s alternate infinite;
  animation: particle-animation-44 60s alternate infinite;
  opacity: 0.3;
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -8.8s;
  animation-delay: -8.8s;
  -webkit-transform: translate3d(37vw, 57vh, 19px);
  transform: translate3d(37vw, 57vh, 19px);
  background: #26d92c;
}
@-moz-keyframes particle-animation-44 {
  100% {
    transform: translate3d(64vw, 73vh, 62px);
  }
}
@-webkit-keyframes particle-animation-44 {
  100% {
    -webkit-transform: translate3d(64vw, 73vh, 62px);
    transform: translate3d(64vw, 73vh, 62px);
  }
}
@-o-keyframes particle-animation-44 {
  100% {
    transform: translate3d(64vw, 73vh, 62px);
  }
}
@keyframes particle-animation-44 {
  100% {
    -webkit-transform: translate3d(64vw, 73vh, 62px);
    transform: translate3d(64vw, 73vh, 62px);
  }
}
.particle:nth-child(45) {
  -webkit-animation: particle-animation-45 60s alternate infinite;
  animation: particle-animation-45 60s alternate infinite;
  opacity: 0.66;
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -9s;
  animation-delay: -9s;
  -webkit-transform: translate3d(17vw, 28vh, 55px);
  transform: translate3d(17vw, 28vh, 55px);
  background: #74d926;
}
@-moz-keyframes particle-animation-45 {
  100% {
    transform: translate3d(49vw, 64vh, 77px);
  }
}
@-webkit-keyframes particle-animation-45 {
  100% {
    -webkit-transform: translate3d(49vw, 64vh, 77px);
    transform: translate3d(49vw, 64vh, 77px);
  }
}
@-o-keyframes particle-animation-45 {
  100% {
    transform: translate3d(49vw, 64vh, 77px);
  }
}
@keyframes particle-animation-45 {
  100% {
    -webkit-transform: translate3d(49vw, 64vh, 77px);
    transform: translate3d(49vw, 64vh, 77px);
  }
}
.particle:nth-child(46) {
  -webkit-animation: particle-animation-46 60s alternate infinite;
  animation: particle-animation-46 60s alternate infinite;
  opacity: 0.99;
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -9.200000000000001s;
  animation-delay: -9.200000000000001s;
  -webkit-transform: translate3d(14vw, 35vh, 12px);
  transform: translate3d(14vw, 35vh, 12px);
  background: #26a9d9;
}
@-moz-keyframes particle-animation-46 {
  100% {
    transform: translate3d(58vw, 15vh, 100px);
  }
}
@-webkit-keyframes particle-animation-46 {
  100% {
    -webkit-transform: translate3d(58vw, 15vh, 100px);
    transform: translate3d(58vw, 15vh, 100px);
  }
}
@-o-keyframes particle-animation-46 {
  100% {
    transform: translate3d(58vw, 15vh, 100px);
  }
}
@keyframes particle-animation-46 {
  100% {
    -webkit-transform: translate3d(58vw, 15vh, 100px);
    transform: translate3d(58vw, 15vh, 100px);
  }
}
.particle:nth-child(47) {
  -webkit-animation: particle-animation-47 60s alternate infinite;
  animation: particle-animation-47 60s alternate infinite;
  opacity: 0.39;
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -9.4s;
  animation-delay: -9.4s;
  -webkit-transform: translate3d(28vw, 67vh, 47px);
  transform: translate3d(28vw, 67vh, 47px);
  background: #26d980;
}
@-moz-keyframes particle-animation-47 {
  100% {
    transform: translate3d(28vw, 56vh, 49px);
  }
}
@-webkit-keyframes particle-animation-47 {
  100% {
    -webkit-transform: translate3d(28vw, 56vh, 49px);
    transform: translate3d(28vw, 56vh, 49px);
  }
}
@-o-keyframes particle-animation-47 {
  100% {
    transform: translate3d(28vw, 56vh, 49px);
  }
}
@keyframes particle-animation-47 {
  100% {
    -webkit-transform: translate3d(28vw, 56vh, 49px);
    transform: translate3d(28vw, 56vh, 49px);
  }
}
.particle:nth-child(48) {
  -webkit-animation: particle-animation-48 60s alternate infinite;
  animation: particle-animation-48 60s alternate infinite;
  opacity: 0.73;
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -9.600000000000001s;
  animation-delay: -9.600000000000001s;
  -webkit-transform: translate3d(80vw, 47vh, 23px);
  transform: translate3d(80vw, 47vh, 23px);
  background: #26d977;
}
@-moz-keyframes particle-animation-48 {
  100% {
    transform: translate3d(66vw, 78vh, 73px);
  }
}
@-webkit-keyframes particle-animation-48 {
  100% {
    -webkit-transform: translate3d(66vw, 78vh, 73px);
    transform: translate3d(66vw, 78vh, 73px);
  }
}
@-o-keyframes particle-animation-48 {
  100% {
    transform: translate3d(66vw, 78vh, 73px);
  }
}
@keyframes particle-animation-48 {
  100% {
    -webkit-transform: translate3d(66vw, 78vh, 73px);
    transform: translate3d(66vw, 78vh, 73px);
  }
}
.particle:nth-child(49) {
  -webkit-animation: particle-animation-49 60s alternate infinite;
  animation: particle-animation-49 60s alternate infinite;
  opacity: 0.74;
  height: 7px;
  width: 7px;
  -webkit-animation-delay: -9.8s;
  animation-delay: -9.8s;
  -webkit-transform: translate3d(25vw, 52vh, 82px);
  transform: translate3d(25vw, 52vh, 82px);
  background: #d926b2;
}
@-moz-keyframes particle-animation-49 {
  100% {
    transform: translate3d(27vw, 33vh, 98px);
  }
}
@-webkit-keyframes particle-animation-49 {
  100% {
    -webkit-transform: translate3d(27vw, 33vh, 98px);
    transform: translate3d(27vw, 33vh, 98px);
  }
}
@-o-keyframes particle-animation-49 {
  100% {
    transform: translate3d(27vw, 33vh, 98px);
  }
}
@keyframes particle-animation-49 {
  100% {
    -webkit-transform: translate3d(27vw, 33vh, 98px);
    transform: translate3d(27vw, 33vh, 98px);
  }
}
.particle:nth-child(50) {
  -webkit-animation: particle-animation-50 60s alternate infinite;
  animation: particle-animation-50 60s alternate infinite;
  opacity: 0.33;
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -10s;
  animation-delay: -10s;
  -webkit-transform: translate3d(2vw, 43vh, 94px);
  transform: translate3d(2vw, 43vh, 94px);
  background: #a3d926;
}
@-moz-keyframes particle-animation-50 {
  100% {
    transform: translate3d(5vw, 33vh, 96px);
  }
}
@-webkit-keyframes particle-animation-50 {
  100% {
    -webkit-transform: translate3d(5vw, 33vh, 96px);
    transform: translate3d(5vw, 33vh, 96px);
  }
}
@-o-keyframes particle-animation-50 {
  100% {
    transform: translate3d(5vw, 33vh, 96px);
  }
}
@keyframes particle-animation-50 {
  100% {
    -webkit-transform: translate3d(5vw, 33vh, 96px);
    transform: translate3d(5vw, 33vh, 96px);
  }
}
.particle:nth-child(51) {
  -webkit-animation: particle-animation-51 60s alternate infinite;
  animation: particle-animation-51 60s alternate infinite;
  opacity: 0.6;
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -10.200000000000001s;
  animation-delay: -10.200000000000001s;
  -webkit-transform: translate3d(83vw, 1vh, 64px);
  transform: translate3d(83vw, 1vh, 64px);
  background: #d92656;
}
@-moz-keyframes particle-animation-51 {
  100% {
    transform: translate3d(26vw, 32vh, 6px);
  }
}
@-webkit-keyframes particle-animation-51 {
  100% {
    -webkit-transform: translate3d(26vw, 32vh, 6px);
    transform: translate3d(26vw, 32vh, 6px);
  }
}
@-o-keyframes particle-animation-51 {
  100% {
    transform: translate3d(26vw, 32vh, 6px);
  }
}
@keyframes particle-animation-51 {
  100% {
    -webkit-transform: translate3d(26vw, 32vh, 6px);
    transform: translate3d(26vw, 32vh, 6px);
  }
}
.particle:nth-child(52) {
  -webkit-animation: particle-animation-52 60s alternate infinite;
  animation: particle-animation-52 60s alternate infinite;
  opacity: 0.66;
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -10.4s;
  animation-delay: -10.4s;
  -webkit-transform: translate3d(30vw, 35vh, 94px);
  transform: translate3d(30vw, 35vh, 94px);
  background: #26d9d6;
}
@-moz-keyframes particle-animation-52 {
  100% {
    transform: translate3d(6vw, 52vh, 98px);
  }
}
@-webkit-keyframes particle-animation-52 {
  100% {
    -webkit-transform: translate3d(6vw, 52vh, 98px);
    transform: translate3d(6vw, 52vh, 98px);
  }
}
@-o-keyframes particle-animation-52 {
  100% {
    transform: translate3d(6vw, 52vh, 98px);
  }
}
@keyframes particle-animation-52 {
  100% {
    -webkit-transform: translate3d(6vw, 52vh, 98px);
    transform: translate3d(6vw, 52vh, 98px);
  }
}
.particle:nth-child(53) {
  -webkit-animation: particle-animation-53 60s alternate infinite;
  animation: particle-animation-53 60s alternate infinite;
  opacity: 0.67;
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -10.600000000000001s;
  animation-delay: -10.600000000000001s;
  -webkit-transform: translate3d(15vw, 22vh, 20px);
  transform: translate3d(15vw, 22vh, 20px);
  background: #26d92c;
}
@-moz-keyframes particle-animation-53 {
  100% {
    transform: translate3d(69vw, 28vh, 81px);
  }
}
@-webkit-keyframes particle-animation-53 {
  100% {
    -webkit-transform: translate3d(69vw, 28vh, 81px);
    transform: translate3d(69vw, 28vh, 81px);
  }
}
@-o-keyframes particle-animation-53 {
  100% {
    transform: translate3d(69vw, 28vh, 81px);
  }
}
@keyframes particle-animation-53 {
  100% {
    -webkit-transform: translate3d(69vw, 28vh, 81px);
    transform: translate3d(69vw, 28vh, 81px);
  }
}
.particle:nth-child(54) {
  -webkit-animation: particle-animation-54 60s alternate infinite;
  animation: particle-animation-54 60s alternate infinite;
  opacity: 0.8;
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -10.8s;
  animation-delay: -10.8s;
  -webkit-transform: translate3d(38vw, 6vh, 70px);
  transform: translate3d(38vw, 6vh, 70px);
  background: #26acd9;
}
@-moz-keyframes particle-animation-54 {
  100% {
    transform: translate3d(79vw, 64vh, 26px);
  }
}
@-webkit-keyframes particle-animation-54 {
  100% {
    -webkit-transform: translate3d(79vw, 64vh, 26px);
    transform: translate3d(79vw, 64vh, 26px);
  }
}
@-o-keyframes particle-animation-54 {
  100% {
    transform: translate3d(79vw, 64vh, 26px);
  }
}
@keyframes particle-animation-54 {
  100% {
    -webkit-transform: translate3d(79vw, 64vh, 26px);
    transform: translate3d(79vw, 64vh, 26px);
  }
}
.particle:nth-child(55) {
  -webkit-animation: particle-animation-55 60s alternate infinite;
  animation: particle-animation-55 60s alternate infinite;
  opacity: 0.17;
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -11s;
  animation-delay: -11s;
  -webkit-transform: translate3d(41vw, 71vh, 96px);
  transform: translate3d(41vw, 71vh, 96px);
  background: #3e26d9;
}
@-moz-keyframes particle-animation-55 {
  100% {
    transform: translate3d(28vw, 42vh, 51px);
  }
}
@-webkit-keyframes particle-animation-55 {
  100% {
    -webkit-transform: translate3d(28vw, 42vh, 51px);
    transform: translate3d(28vw, 42vh, 51px);
  }
}
@-o-keyframes particle-animation-55 {
  100% {
    transform: translate3d(28vw, 42vh, 51px);
  }
}
@keyframes particle-animation-55 {
  100% {
    -webkit-transform: translate3d(28vw, 42vh, 51px);
    transform: translate3d(28vw, 42vh, 51px);
  }
}
.particle:nth-child(56) {
  -webkit-animation: particle-animation-56 60s alternate infinite;
  animation: particle-animation-56 60s alternate infinite;
  opacity: 0.14;
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -11.200000000000001s;
  animation-delay: -11.200000000000001s;
  -webkit-transform: translate3d(80vw, 24vh, 20px);
  transform: translate3d(80vw, 24vh, 20px);
  background: #80d926;
}
@-moz-keyframes particle-animation-56 {
  100% {
    transform: translate3d(84vw, 85vh, 73px);
  }
}
@-webkit-keyframes particle-animation-56 {
  100% {
    -webkit-transform: translate3d(84vw, 85vh, 73px);
    transform: translate3d(84vw, 85vh, 73px);
  }
}
@-o-keyframes particle-animation-56 {
  100% {
    transform: translate3d(84vw, 85vh, 73px);
  }
}
@keyframes particle-animation-56 {
  100% {
    -webkit-transform: translate3d(84vw, 85vh, 73px);
    transform: translate3d(84vw, 85vh, 73px);
  }
}
.particle:nth-child(57) {
  -webkit-animation: particle-animation-57 60s alternate infinite;
  animation: particle-animation-57 60s alternate infinite;
  opacity: 0.83;
  height: 6px;
  width: 6px;
  -webkit-animation-delay: -11.4s;
  animation-delay: -11.4s;
  -webkit-transform: translate3d(49vw, 27vh, 87px);
  transform: translate3d(49vw, 27vh, 87px);
  background: #d9c726;
}
@-moz-keyframes particle-animation-57 {
  100% {
    transform: translate3d(52vw, 70vh, 74px);
  }
}
@-webkit-keyframes particle-animation-57 {
  100% {
    -webkit-transform: translate3d(52vw, 70vh, 74px);
    transform: translate3d(52vw, 70vh, 74px);
  }
}
@-o-keyframes particle-animation-57 {
  100% {
    transform: translate3d(52vw, 70vh, 74px);
  }
}
@keyframes particle-animation-57 {
  100% {
    -webkit-transform: translate3d(52vw, 70vh, 74px);
    transform: translate3d(52vw, 70vh, 74px);
  }
}
.particle:nth-child(58) {
  -webkit-animation: particle-animation-58 60s alternate infinite;
  animation: particle-animation-58 60s alternate infinite;
  opacity: 0.46;
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -11.600000000000001s;
  animation-delay: -11.600000000000001s;
  -webkit-transform: translate3d(85vw, 84vh, 41px);
  transform: translate3d(85vw, 84vh, 41px);
  background: #6226d9;
}
@-moz-keyframes particle-animation-58 {
  100% {
    transform: translate3d(82vw, 87vh, 48px);
  }
}
@-webkit-keyframes particle-animation-58 {
  100% {
    -webkit-transform: translate3d(82vw, 87vh, 48px);
    transform: translate3d(82vw, 87vh, 48px);
  }
}
@-o-keyframes particle-animation-58 {
  100% {
    transform: translate3d(82vw, 87vh, 48px);
  }
}
@keyframes particle-animation-58 {
  100% {
    -webkit-transform: translate3d(82vw, 87vh, 48px);
    transform: translate3d(82vw, 87vh, 48px);
  }
}
.particle:nth-child(59) {
  -webkit-animation: particle-animation-59 60s alternate infinite;
  animation: particle-animation-59 60s alternate infinite;
  opacity: 0.06;
  height: 10px;
  width: 10px;
  -webkit-animation-delay: -11.8s;
  animation-delay: -11.8s;
  -webkit-transform: translate3d(20vw, 65vh, 68px);
  transform: translate3d(20vw, 65vh, 68px);
  background: #97d926;
}
@-moz-keyframes particle-animation-59 {
  100% {
    transform: translate3d(42vw, 72vh, 84px);
  }
}
@-webkit-keyframes particle-animation-59 {
  100% {
    -webkit-transform: translate3d(42vw, 72vh, 84px);
    transform: translate3d(42vw, 72vh, 84px);
  }
}
@-o-keyframes particle-animation-59 {
  100% {
    transform: translate3d(42vw, 72vh, 84px);
  }
}
@keyframes particle-animation-59 {
  100% {
    -webkit-transform: translate3d(42vw, 72vh, 84px);
    transform: translate3d(42vw, 72vh, 84px);
  }
}
.particle:nth-child(60) {
  -webkit-animation: particle-animation-60 60s alternate infinite;
  animation: particle-animation-60 60s alternate infinite;
  opacity: 0.78;
  height: 9px;
  width: 9px;
  -webkit-animation-delay: -12s;
  animation-delay: -12s;
  -webkit-transform: translate3d(46vw, 31vh, 5px);
  transform: translate3d(46vw, 31vh, 5px);
  background: #26d965;
}
@-moz-keyframes particle-animation-60 {
  100% {
    transform: translate3d(15vw, 71vh, 49px);
  }
}
@-webkit-keyframes particle-animation-60 {
  100% {
    -webkit-transform: translate3d(15vw, 71vh, 49px);
    transform: translate3d(15vw, 71vh, 49px);
  }
}
@-o-keyframes particle-animation-60 {
  100% {
    transform: translate3d(15vw, 71vh, 49px);
  }
}
@keyframes particle-animation-60 {
  100% {
    -webkit-transform: translate3d(15vw, 71vh, 49px);
    transform: translate3d(15vw, 71vh, 49px);
  }
}