@charset "UTF-8";
/* Role signature for moderators */
/* Posting form */
/* Post */
/* Static pages */
/* Brackets around Reply and other elements */
/* Parantheses around Auto and other elements */
/* Upload cell */
/* Christmas */
.christmas .snowflake {
  position: absolute;
  color: #CCC;
}
.christmas .snowflake:after {
  content: "❄";
}

/* Snowflake #1 */
.christmas .snowflake:nth-of-type(1) {
  animation-name: snowflake-1;
  animation-delay: 3s;
  animation-duration: 49s;
  animation-iteration-count: infinite;
  left: 7%;
  top: -69%;
}
.christmas .snowflake:nth-of-type(1):after {
  font-size: 45px;
}

@keyframes snowflake-1 {
  0% {
    transform: rotate(0deg);
    left: 7%;
    top: -69%;
  }
  25% {
    left: 8%;
  }
  50% {
    left: 7%;
  }
  75% {
    left: 9%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 109%;
    opacity: 0;
  }
}
/* Snowflake #2 */
.christmas .snowflake:nth-of-type(2) {
  animation-name: snowflake-2;
  animation-delay: 4s;
  animation-duration: 28s;
  animation-iteration-count: infinite;
  left: 73%;
  top: -79%;
}
.christmas .snowflake:nth-of-type(2):after {
  font-size: 34px;
}

@keyframes snowflake-2 {
  0% {
    transform: rotate(0deg);
    left: 73%;
    top: -79%;
  }
  25% {
    left: 74%;
  }
  50% {
    left: 73%;
  }
  75% {
    left: 75%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 119%;
    opacity: 0;
  }
}
/* Snowflake #3 */
.christmas .snowflake:nth-of-type(3) {
  animation-name: snowflake-3;
  animation-delay: 15s;
  animation-duration: 25s;
  animation-iteration-count: infinite;
  left: 12%;
  top: -61%;
}
.christmas .snowflake:nth-of-type(3):after {
  font-size: 44px;
}

@keyframes snowflake-3 {
  0% {
    transform: rotate(0deg);
    left: 12%;
    top: -61%;
  }
  25% {
    left: 13%;
  }
  50% {
    left: 12%;
  }
  75% {
    left: 14%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 101%;
    opacity: 0;
  }
}
/* Snowflake #4 */
.christmas .snowflake:nth-of-type(4) {
  animation-name: snowflake-4;
  animation-delay: 13s;
  animation-duration: 39s;
  animation-iteration-count: infinite;
  left: 90%;
  top: -76%;
}
.christmas .snowflake:nth-of-type(4):after {
  font-size: 42px;
}

@keyframes snowflake-4 {
  0% {
    transform: rotate(0deg);
    left: 90%;
    top: -76%;
  }
  25% {
    left: 91%;
  }
  50% {
    left: 90%;
  }
  75% {
    left: 92%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 116%;
    opacity: 0;
  }
}
/* Snowflake #5 */
.christmas .snowflake:nth-of-type(5) {
  animation-name: snowflake-5;
  animation-delay: 5s;
  animation-duration: 38s;
  animation-iteration-count: infinite;
  left: 54%;
  top: -75%;
}
.christmas .snowflake:nth-of-type(5):after {
  font-size: 39px;
}

@keyframes snowflake-5 {
  0% {
    transform: rotate(0deg);
    left: 54%;
    top: -75%;
  }
  25% {
    left: 55%;
  }
  50% {
    left: 54%;
  }
  75% {
    left: 56%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 115%;
    opacity: 0;
  }
}
/* Snowflake #6 */
.christmas .snowflake:nth-of-type(6) {
  animation-name: snowflake-6;
  animation-delay: 11s;
  animation-duration: 33s;
  animation-iteration-count: infinite;
  left: 38%;
  top: -62%;
}
.christmas .snowflake:nth-of-type(6):after {
  font-size: 33px;
}

@keyframes snowflake-6 {
  0% {
    transform: rotate(0deg);
    left: 38%;
    top: -62%;
  }
  25% {
    left: 39%;
  }
  50% {
    left: 38%;
  }
  75% {
    left: 40%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 102%;
    opacity: 0;
  }
}
/* Snowflake #7 */
.christmas .snowflake:nth-of-type(7) {
  animation-name: snowflake-7;
  animation-delay: 13s;
  animation-duration: 45s;
  animation-iteration-count: infinite;
  left: 42%;
  top: -71%;
}
.christmas .snowflake:nth-of-type(7):after {
  font-size: 34px;
}

@keyframes snowflake-7 {
  0% {
    transform: rotate(0deg);
    left: 42%;
    top: -71%;
  }
  25% {
    left: 43%;
  }
  50% {
    left: 42%;
  }
  75% {
    left: 44%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 111%;
    opacity: 0;
  }
}
/* Snowflake #8 */
.christmas .snowflake:nth-of-type(8) {
  animation-name: snowflake-8;
  animation-delay: 8s;
  animation-duration: 25s;
  animation-iteration-count: infinite;
  left: 20%;
  top: -82%;
}
.christmas .snowflake:nth-of-type(8):after {
  font-size: 40px;
}

@keyframes snowflake-8 {
  0% {
    transform: rotate(0deg);
    left: 20%;
    top: -82%;
  }
  25% {
    left: 21%;
  }
  50% {
    left: 20%;
  }
  75% {
    left: 22%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 122%;
    opacity: 0;
  }
}
/* Snowflake #9 */
.christmas .snowflake:nth-of-type(9) {
  animation-name: snowflake-9;
  animation-delay: 18s;
  animation-duration: 41s;
  animation-iteration-count: infinite;
  left: 80%;
  top: -92%;
}
.christmas .snowflake:nth-of-type(9):after {
  font-size: 42px;
}

@keyframes snowflake-9 {
  0% {
    transform: rotate(0deg);
    left: 80%;
    top: -92%;
  }
  25% {
    left: 81%;
  }
  50% {
    left: 80%;
  }
  75% {
    left: 82%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 132%;
    opacity: 0;
  }
}
/* Snowflake #10 */
.christmas .snowflake:nth-of-type(10) {
  animation-name: snowflake-10;
  animation-delay: 18s;
  animation-duration: 26s;
  animation-iteration-count: infinite;
  left: 67%;
  top: -51%;
}
.christmas .snowflake:nth-of-type(10):after {
  font-size: 45px;
}

@keyframes snowflake-10 {
  0% {
    transform: rotate(0deg);
    left: 67%;
    top: -51%;
  }
  25% {
    left: 68%;
  }
  50% {
    left: 67%;
  }
  75% {
    left: 69%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 91%;
    opacity: 0;
  }
}
/* Snowflake #11 */
.christmas .snowflake:nth-of-type(11) {
  animation-name: snowflake-11;
  animation-delay: 6s;
  animation-duration: 27s;
  animation-iteration-count: infinite;
  left: 65%;
  top: -74%;
}
.christmas .snowflake:nth-of-type(11):after {
  font-size: 45px;
}

@keyframes snowflake-11 {
  0% {
    transform: rotate(0deg);
    left: 65%;
    top: -74%;
  }
  25% {
    left: 66%;
  }
  50% {
    left: 65%;
  }
  75% {
    left: 67%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 114%;
    opacity: 0;
  }
}
/* Snowflake #12 */
.christmas .snowflake:nth-of-type(12) {
  animation-name: snowflake-12;
  animation-delay: 7s;
  animation-duration: 28s;
  animation-iteration-count: infinite;
  left: 90%;
  top: -93%;
}
.christmas .snowflake:nth-of-type(12):after {
  font-size: 38px;
}

@keyframes snowflake-12 {
  0% {
    transform: rotate(0deg);
    left: 90%;
    top: -93%;
  }
  25% {
    left: 91%;
  }
  50% {
    left: 90%;
  }
  75% {
    left: 92%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 133%;
    opacity: 0;
  }
}
/* Snowflake #13 */
.christmas .snowflake:nth-of-type(13) {
  animation-name: snowflake-13;
  animation-delay: 16s;
  animation-duration: 49s;
  animation-iteration-count: infinite;
  left: 68%;
  top: -72%;
}
.christmas .snowflake:nth-of-type(13):after {
  font-size: 35px;
}

@keyframes snowflake-13 {
  0% {
    transform: rotate(0deg);
    left: 68%;
    top: -72%;
  }
  25% {
    left: 69%;
  }
  50% {
    left: 68%;
  }
  75% {
    left: 70%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 112%;
    opacity: 0;
  }
}
/* Snowflake #14 */
.christmas .snowflake:nth-of-type(14) {
  animation-name: snowflake-14;
  animation-delay: 2s;
  animation-duration: 27s;
  animation-iteration-count: infinite;
  left: 18%;
  top: -99%;
}
.christmas .snowflake:nth-of-type(14):after {
  font-size: 34px;
}

@keyframes snowflake-14 {
  0% {
    transform: rotate(0deg);
    left: 18%;
    top: -99%;
  }
  25% {
    left: 19%;
  }
  50% {
    left: 18%;
  }
  75% {
    left: 20%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 139%;
    opacity: 0;
  }
}
/* Snowflake #15 */
.christmas .snowflake:nth-of-type(15) {
  animation-name: snowflake-15;
  animation-delay: 15s;
  animation-duration: 31s;
  animation-iteration-count: infinite;
  left: 31%;
  top: -68%;
}
.christmas .snowflake:nth-of-type(15):after {
  font-size: 31px;
}

@keyframes snowflake-15 {
  0% {
    transform: rotate(0deg);
    left: 31%;
    top: -68%;
  }
  25% {
    left: 32%;
  }
  50% {
    left: 31%;
  }
  75% {
    left: 33%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 108%;
    opacity: 0;
  }
}
/* Snowflake #16 */
.christmas .snowflake:nth-of-type(16) {
  animation-name: snowflake-16;
  animation-delay: 12s;
  animation-duration: 34s;
  animation-iteration-count: infinite;
  left: 68%;
  top: -69%;
}
.christmas .snowflake:nth-of-type(16):after {
  font-size: 41px;
}

@keyframes snowflake-16 {
  0% {
    transform: rotate(0deg);
    left: 68%;
    top: -69%;
  }
  25% {
    left: 69%;
  }
  50% {
    left: 68%;
  }
  75% {
    left: 70%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 109%;
    opacity: 0;
  }
}
/* Snowflake #17 */
.christmas .snowflake:nth-of-type(17) {
  animation-name: snowflake-17;
  animation-delay: 12s;
  animation-duration: 21s;
  animation-iteration-count: infinite;
  left: 71%;
  top: -91%;
}
.christmas .snowflake:nth-of-type(17):after {
  font-size: 42px;
}

@keyframes snowflake-17 {
  0% {
    transform: rotate(0deg);
    left: 71%;
    top: -91%;
  }
  25% {
    left: 72%;
  }
  50% {
    left: 71%;
  }
  75% {
    left: 73%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 131%;
    opacity: 0;
  }
}
/* Snowflake #18 */
.christmas .snowflake:nth-of-type(18) {
  animation-name: snowflake-18;
  animation-delay: 7s;
  animation-duration: 27s;
  animation-iteration-count: infinite;
  left: 82%;
  top: -54%;
}
.christmas .snowflake:nth-of-type(18):after {
  font-size: 42px;
}

@keyframes snowflake-18 {
  0% {
    transform: rotate(0deg);
    left: 82%;
    top: -54%;
  }
  25% {
    left: 83%;
  }
  50% {
    left: 82%;
  }
  75% {
    left: 84%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 94%;
    opacity: 0;
  }
}
/* Snowflake #19 */
.christmas .snowflake:nth-of-type(19) {
  animation-name: snowflake-19;
  animation-delay: 1s;
  animation-duration: 31s;
  animation-iteration-count: infinite;
  left: 72%;
  top: -59%;
}
.christmas .snowflake:nth-of-type(19):after {
  font-size: 41px;
}

@keyframes snowflake-19 {
  0% {
    transform: rotate(0deg);
    left: 72%;
    top: -59%;
  }
  25% {
    left: 73%;
  }
  50% {
    left: 72%;
  }
  75% {
    left: 74%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 99%;
    opacity: 0;
  }
}
/* Snowflake #20 */
.christmas .snowflake:nth-of-type(20) {
  animation-name: snowflake-20;
  animation-delay: 11s;
  animation-duration: 29s;
  animation-iteration-count: infinite;
  left: 92%;
  top: -75%;
}
.christmas .snowflake:nth-of-type(20):after {
  font-size: 44px;
}

@keyframes snowflake-20 {
  0% {
    transform: rotate(0deg);
    left: 92%;
    top: -75%;
  }
  25% {
    left: 93%;
  }
  50% {
    left: 92%;
  }
  75% {
    left: 94%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 115%;
    opacity: 0;
  }
}
/* Snowflake #21 */
.christmas .snowflake:nth-of-type(21) {
  animation-name: snowflake-21;
  animation-delay: 1s;
  animation-duration: 23s;
  animation-iteration-count: infinite;
  left: 98%;
  top: -84%;
}
.christmas .snowflake:nth-of-type(21):after {
  font-size: 37px;
}

@keyframes snowflake-21 {
  0% {
    transform: rotate(0deg);
    left: 98%;
    top: -84%;
  }
  25% {
    left: 99%;
  }
  50% {
    left: 98%;
  }
  75% {
    left: 100%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 124%;
    opacity: 0;
  }
}
/* Snowflake #22 */
.christmas .snowflake:nth-of-type(22) {
  animation-name: snowflake-22;
  animation-delay: 10s;
  animation-duration: 47s;
  animation-iteration-count: infinite;
  left: 37%;
  top: -60%;
}
.christmas .snowflake:nth-of-type(22):after {
  font-size: 35px;
}

@keyframes snowflake-22 {
  0% {
    transform: rotate(0deg);
    left: 37%;
    top: -60%;
  }
  25% {
    left: 38%;
  }
  50% {
    left: 37%;
  }
  75% {
    left: 39%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 100%;
    opacity: 0;
  }
}
/* Snowflake #23 */
.christmas .snowflake:nth-of-type(23) {
  animation-name: snowflake-23;
  animation-delay: 17s;
  animation-duration: 45s;
  animation-iteration-count: infinite;
  left: 84%;
  top: -94%;
}
.christmas .snowflake:nth-of-type(23):after {
  font-size: 37px;
}

@keyframes snowflake-23 {
  0% {
    transform: rotate(0deg);
    left: 84%;
    top: -94%;
  }
  25% {
    left: 85%;
  }
  50% {
    left: 84%;
  }
  75% {
    left: 86%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 134%;
    opacity: 0;
  }
}
/* Snowflake #24 */
.christmas .snowflake:nth-of-type(24) {
  animation-name: snowflake-24;
  animation-delay: 1s;
  animation-duration: 49s;
  animation-iteration-count: infinite;
  left: 66%;
  top: -87%;
}
.christmas .snowflake:nth-of-type(24):after {
  font-size: 43px;
}

@keyframes snowflake-24 {
  0% {
    transform: rotate(0deg);
    left: 66%;
    top: -87%;
  }
  25% {
    left: 67%;
  }
  50% {
    left: 66%;
  }
  75% {
    left: 68%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 127%;
    opacity: 0;
  }
}
/* Snowflake #25 */
.christmas .snowflake:nth-of-type(25) {
  animation-name: snowflake-25;
  animation-delay: 0s;
  animation-duration: 22s;
  animation-iteration-count: infinite;
  left: 74%;
  top: -56%;
}
.christmas .snowflake:nth-of-type(25):after {
  font-size: 45px;
}

@keyframes snowflake-25 {
  0% {
    transform: rotate(0deg);
    left: 74%;
    top: -56%;
  }
  25% {
    left: 75%;
  }
  50% {
    left: 74%;
  }
  75% {
    left: 76%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 96%;
    opacity: 0;
  }
}
/* Snowflake #26 */
.christmas .snowflake:nth-of-type(26) {
  animation-name: snowflake-26;
  animation-delay: 3s;
  animation-duration: 46s;
  animation-iteration-count: infinite;
  left: 86%;
  top: -61%;
}
.christmas .snowflake:nth-of-type(26):after {
  font-size: 41px;
}

@keyframes snowflake-26 {
  0% {
    transform: rotate(0deg);
    left: 86%;
    top: -61%;
  }
  25% {
    left: 87%;
  }
  50% {
    left: 86%;
  }
  75% {
    left: 88%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 101%;
    opacity: 0;
  }
}
/* Snowflake #27 */
.christmas .snowflake:nth-of-type(27) {
  animation-name: snowflake-27;
  animation-delay: 5s;
  animation-duration: 43s;
  animation-iteration-count: infinite;
  left: 94%;
  top: -71%;
}
.christmas .snowflake:nth-of-type(27):after {
  font-size: 31px;
}

@keyframes snowflake-27 {
  0% {
    transform: rotate(0deg);
    left: 94%;
    top: -71%;
  }
  25% {
    left: 95%;
  }
  50% {
    left: 94%;
  }
  75% {
    left: 96%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 111%;
    opacity: 0;
  }
}
/* Snowflake #28 */
.christmas .snowflake:nth-of-type(28) {
  animation-name: snowflake-28;
  animation-delay: 11s;
  animation-duration: 40s;
  animation-iteration-count: infinite;
  left: 10%;
  top: -77%;
}
.christmas .snowflake:nth-of-type(28):after {
  font-size: 39px;
}

@keyframes snowflake-28 {
  0% {
    transform: rotate(0deg);
    left: 10%;
    top: -77%;
  }
  25% {
    left: 11%;
  }
  50% {
    left: 10%;
  }
  75% {
    left: 12%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 117%;
    opacity: 0;
  }
}
/* Snowflake #29 */
.christmas .snowflake:nth-of-type(29) {
  animation-name: snowflake-29;
  animation-delay: 13s;
  animation-duration: 41s;
  animation-iteration-count: infinite;
  left: 13%;
  top: -69%;
}
.christmas .snowflake:nth-of-type(29):after {
  font-size: 44px;
}

@keyframes snowflake-29 {
  0% {
    transform: rotate(0deg);
    left: 13%;
    top: -69%;
  }
  25% {
    left: 14%;
  }
  50% {
    left: 13%;
  }
  75% {
    left: 15%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 109%;
    opacity: 0;
  }
}
/* Snowflake #30 */
.christmas .snowflake:nth-of-type(30) {
  animation-name: snowflake-30;
  animation-delay: 9s;
  animation-duration: 26s;
  animation-iteration-count: infinite;
  left: 2%;
  top: -56%;
}
.christmas .snowflake:nth-of-type(30):after {
  font-size: 33px;
}

@keyframes snowflake-30 {
  0% {
    transform: rotate(0deg);
    left: 2%;
    top: -56%;
  }
  25% {
    left: 3%;
  }
  50% {
    left: 2%;
  }
  75% {
    left: 4%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 96%;
    opacity: 0;
  }
}
/* Snowflake #31 */
.christmas .snowflake:nth-of-type(31) {
  animation-name: snowflake-31;
  animation-delay: 5s;
  animation-duration: 25s;
  animation-iteration-count: infinite;
  left: 85%;
  top: -78%;
}
.christmas .snowflake:nth-of-type(31):after {
  font-size: 44px;
}

@keyframes snowflake-31 {
  0% {
    transform: rotate(0deg);
    left: 85%;
    top: -78%;
  }
  25% {
    left: 86%;
  }
  50% {
    left: 85%;
  }
  75% {
    left: 87%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 118%;
    opacity: 0;
  }
}
/* Snowflake #32 */
.christmas .snowflake:nth-of-type(32) {
  animation-name: snowflake-32;
  animation-delay: 1s;
  animation-duration: 45s;
  animation-iteration-count: infinite;
  left: 9%;
  top: -97%;
}
.christmas .snowflake:nth-of-type(32):after {
  font-size: 38px;
}

@keyframes snowflake-32 {
  0% {
    transform: rotate(0deg);
    left: 9%;
    top: -97%;
  }
  25% {
    left: 10%;
  }
  50% {
    left: 9%;
  }
  75% {
    left: 11%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 137%;
    opacity: 0;
  }
}
/* Snowflake #33 */
.christmas .snowflake:nth-of-type(33) {
  animation-name: snowflake-33;
  animation-delay: 8s;
  animation-duration: 49s;
  animation-iteration-count: infinite;
  left: 73%;
  top: -53%;
}
.christmas .snowflake:nth-of-type(33):after {
  font-size: 31px;
}

@keyframes snowflake-33 {
  0% {
    transform: rotate(0deg);
    left: 73%;
    top: -53%;
  }
  25% {
    left: 74%;
  }
  50% {
    left: 73%;
  }
  75% {
    left: 75%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 93%;
    opacity: 0;
  }
}
/* Snowflake #34 */
.christmas .snowflake:nth-of-type(34) {
  animation-name: snowflake-34;
  animation-delay: 0s;
  animation-duration: 22s;
  animation-iteration-count: infinite;
  left: 44%;
  top: -98%;
}
.christmas .snowflake:nth-of-type(34):after {
  font-size: 33px;
}

@keyframes snowflake-34 {
  0% {
    transform: rotate(0deg);
    left: 44%;
    top: -98%;
  }
  25% {
    left: 45%;
  }
  50% {
    left: 44%;
  }
  75% {
    left: 46%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 138%;
    opacity: 0;
  }
}
/* Snowflake #35 */
.christmas .snowflake:nth-of-type(35) {
  animation-name: snowflake-35;
  animation-delay: 15s;
  animation-duration: 47s;
  animation-iteration-count: infinite;
  left: 39%;
  top: -64%;
}
.christmas .snowflake:nth-of-type(35):after {
  font-size: 41px;
}

@keyframes snowflake-35 {
  0% {
    transform: rotate(0deg);
    left: 39%;
    top: -64%;
  }
  25% {
    left: 40%;
  }
  50% {
    left: 39%;
  }
  75% {
    left: 41%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 104%;
    opacity: 0;
  }
}
/* Snowflake #36 */
.christmas .snowflake:nth-of-type(36) {
  animation-name: snowflake-36;
  animation-delay: 0s;
  animation-duration: 44s;
  animation-iteration-count: infinite;
  left: 26%;
  top: -90%;
}
.christmas .snowflake:nth-of-type(36):after {
  font-size: 45px;
}

@keyframes snowflake-36 {
  0% {
    transform: rotate(0deg);
    left: 26%;
    top: -90%;
  }
  25% {
    left: 27%;
  }
  50% {
    left: 26%;
  }
  75% {
    left: 28%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 130%;
    opacity: 0;
  }
}
/* Snowflake #37 */
.christmas .snowflake:nth-of-type(37) {
  animation-name: snowflake-37;
  animation-delay: 16s;
  animation-duration: 29s;
  animation-iteration-count: infinite;
  left: 44%;
  top: -76%;
}
.christmas .snowflake:nth-of-type(37):after {
  font-size: 37px;
}

@keyframes snowflake-37 {
  0% {
    transform: rotate(0deg);
    left: 44%;
    top: -76%;
  }
  25% {
    left: 45%;
  }
  50% {
    left: 44%;
  }
  75% {
    left: 46%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 116%;
    opacity: 0;
  }
}
/* Snowflake #38 */
.christmas .snowflake:nth-of-type(38) {
  animation-name: snowflake-38;
  animation-delay: 16s;
  animation-duration: 31s;
  animation-iteration-count: infinite;
  left: 41%;
  top: -75%;
}
.christmas .snowflake:nth-of-type(38):after {
  font-size: 40px;
}

@keyframes snowflake-38 {
  0% {
    transform: rotate(0deg);
    left: 41%;
    top: -75%;
  }
  25% {
    left: 42%;
  }
  50% {
    left: 41%;
  }
  75% {
    left: 43%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 115%;
    opacity: 0;
  }
}
/* Snowflake #39 */
.christmas .snowflake:nth-of-type(39) {
  animation-name: snowflake-39;
  animation-delay: 2s;
  animation-duration: 22s;
  animation-iteration-count: infinite;
  left: 1%;
  top: -76%;
}
.christmas .snowflake:nth-of-type(39):after {
  font-size: 36px;
}

@keyframes snowflake-39 {
  0% {
    transform: rotate(0deg);
    left: 1%;
    top: -76%;
  }
  25% {
    left: 2%;
  }
  50% {
    left: 1%;
  }
  75% {
    left: 3%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 116%;
    opacity: 0;
  }
}
/* Snowflake #40 */
.christmas .snowflake:nth-of-type(40) {
  animation-name: snowflake-40;
  animation-delay: 16s;
  animation-duration: 40s;
  animation-iteration-count: infinite;
  left: 40%;
  top: -95%;
}
.christmas .snowflake:nth-of-type(40):after {
  font-size: 36px;
}

@keyframes snowflake-40 {
  0% {
    transform: rotate(0deg);
    left: 40%;
    top: -95%;
  }
  25% {
    left: 41%;
  }
  50% {
    left: 40%;
  }
  75% {
    left: 42%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 135%;
    opacity: 0;
  }
}
/* Snowflake #41 */
.christmas .snowflake:nth-of-type(41) {
  animation-name: snowflake-41;
  animation-delay: 10s;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  left: 18%;
  top: -64%;
}
.christmas .snowflake:nth-of-type(41):after {
  font-size: 39px;
}

@keyframes snowflake-41 {
  0% {
    transform: rotate(0deg);
    left: 18%;
    top: -64%;
  }
  25% {
    left: 19%;
  }
  50% {
    left: 18%;
  }
  75% {
    left: 20%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 104%;
    opacity: 0;
  }
}
/* Snowflake #42 */
.christmas .snowflake:nth-of-type(42) {
  animation-name: snowflake-42;
  animation-delay: 3s;
  animation-duration: 32s;
  animation-iteration-count: infinite;
  left: 41%;
  top: -67%;
}
.christmas .snowflake:nth-of-type(42):after {
  font-size: 39px;
}

@keyframes snowflake-42 {
  0% {
    transform: rotate(0deg);
    left: 41%;
    top: -67%;
  }
  25% {
    left: 42%;
  }
  50% {
    left: 41%;
  }
  75% {
    left: 43%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 107%;
    opacity: 0;
  }
}
/* Snowflake #43 */
.christmas .snowflake:nth-of-type(43) {
  animation-name: snowflake-43;
  animation-delay: 8s;
  animation-duration: 27s;
  animation-iteration-count: infinite;
  left: 88%;
  top: -99%;
}
.christmas .snowflake:nth-of-type(43):after {
  font-size: 40px;
}

@keyframes snowflake-43 {
  0% {
    transform: rotate(0deg);
    left: 88%;
    top: -99%;
  }
  25% {
    left: 89%;
  }
  50% {
    left: 88%;
  }
  75% {
    left: 90%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 139%;
    opacity: 0;
  }
}
/* Snowflake #44 */
.christmas .snowflake:nth-of-type(44) {
  animation-name: snowflake-44;
  animation-delay: 2s;
  animation-duration: 42s;
  animation-iteration-count: infinite;
  left: 6%;
  top: -83%;
}
.christmas .snowflake:nth-of-type(44):after {
  font-size: 42px;
}

@keyframes snowflake-44 {
  0% {
    transform: rotate(0deg);
    left: 6%;
    top: -83%;
  }
  25% {
    left: 7%;
  }
  50% {
    left: 6%;
  }
  75% {
    left: 8%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 123%;
    opacity: 0;
  }
}
/* Snowflake #45 */
.christmas .snowflake:nth-of-type(45) {
  animation-name: snowflake-45;
  animation-delay: 16s;
  animation-duration: 43s;
  animation-iteration-count: infinite;
  left: 39%;
  top: -51%;
}
.christmas .snowflake:nth-of-type(45):after {
  font-size: 35px;
}

@keyframes snowflake-45 {
  0% {
    transform: rotate(0deg);
    left: 39%;
    top: -51%;
  }
  25% {
    left: 40%;
  }
  50% {
    left: 39%;
  }
  75% {
    left: 41%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 91%;
    opacity: 0;
  }
}
/* Snowflake #46 */
.christmas .snowflake:nth-of-type(46) {
  animation-name: snowflake-46;
  animation-delay: 9s;
  animation-duration: 41s;
  animation-iteration-count: infinite;
  left: 94%;
  top: -77%;
}
.christmas .snowflake:nth-of-type(46):after {
  font-size: 45px;
}

@keyframes snowflake-46 {
  0% {
    transform: rotate(0deg);
    left: 94%;
    top: -77%;
  }
  25% {
    left: 95%;
  }
  50% {
    left: 94%;
  }
  75% {
    left: 96%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 117%;
    opacity: 0;
  }
}
/* Snowflake #47 */
.christmas .snowflake:nth-of-type(47) {
  animation-name: snowflake-47;
  animation-delay: 6s;
  animation-duration: 36s;
  animation-iteration-count: infinite;
  left: 73%;
  top: -95%;
}
.christmas .snowflake:nth-of-type(47):after {
  font-size: 32px;
}

@keyframes snowflake-47 {
  0% {
    transform: rotate(0deg);
    left: 73%;
    top: -95%;
  }
  25% {
    left: 74%;
  }
  50% {
    left: 73%;
  }
  75% {
    left: 75%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 135%;
    opacity: 0;
  }
}
/* Snowflake #48 */
.christmas .snowflake:nth-of-type(48) {
  animation-name: snowflake-48;
  animation-delay: 4s;
  animation-duration: 39s;
  animation-iteration-count: infinite;
  left: 95%;
  top: -57%;
}
.christmas .snowflake:nth-of-type(48):after {
  font-size: 35px;
}

@keyframes snowflake-48 {
  0% {
    transform: rotate(0deg);
    left: 95%;
    top: -57%;
  }
  25% {
    left: 96%;
  }
  50% {
    left: 95%;
  }
  75% {
    left: 97%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 97%;
    opacity: 0;
  }
}
/* Snowflake #49 */
.christmas .snowflake:nth-of-type(49) {
  animation-name: snowflake-49;
  animation-delay: 0s;
  animation-duration: 38s;
  animation-iteration-count: infinite;
  left: 51%;
  top: -69%;
}
.christmas .snowflake:nth-of-type(49):after {
  font-size: 36px;
}

@keyframes snowflake-49 {
  0% {
    transform: rotate(0deg);
    left: 51%;
    top: -69%;
  }
  25% {
    left: 52%;
  }
  50% {
    left: 51%;
  }
  75% {
    left: 53%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 109%;
    opacity: 0;
  }
}
/* Snowflake #50 */
.christmas .snowflake:nth-of-type(50) {
  animation-name: snowflake-50;
  animation-delay: 13s;
  animation-duration: 48s;
  animation-iteration-count: infinite;
  left: 97%;
  top: -63%;
}
.christmas .snowflake:nth-of-type(50):after {
  font-size: 43px;
}

@keyframes snowflake-50 {
  0% {
    transform: rotate(0deg);
    left: 97%;
    top: -63%;
  }
  25% {
    left: 98%;
  }
  50% {
    left: 97%;
  }
  75% {
    left: 99%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 103%;
    opacity: 0;
  }
}
/* Snowflake #51 */
.christmas .snowflake:nth-of-type(51) {
  animation-name: snowflake-51;
  animation-delay: 6s;
  animation-duration: 47s;
  animation-iteration-count: infinite;
  left: 42%;
  top: -65%;
}
.christmas .snowflake:nth-of-type(51):after {
  font-size: 32px;
}

@keyframes snowflake-51 {
  0% {
    transform: rotate(0deg);
    left: 42%;
    top: -65%;
  }
  25% {
    left: 43%;
  }
  50% {
    left: 42%;
  }
  75% {
    left: 44%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 105%;
    opacity: 0;
  }
}
/* Snowflake #52 */
.christmas .snowflake:nth-of-type(52) {
  animation-name: snowflake-52;
  animation-delay: 5s;
  animation-duration: 28s;
  animation-iteration-count: infinite;
  left: 78%;
  top: -87%;
}
.christmas .snowflake:nth-of-type(52):after {
  font-size: 41px;
}

@keyframes snowflake-52 {
  0% {
    transform: rotate(0deg);
    left: 78%;
    top: -87%;
  }
  25% {
    left: 79%;
  }
  50% {
    left: 78%;
  }
  75% {
    left: 80%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 127%;
    opacity: 0;
  }
}
/* Snowflake #53 */
.christmas .snowflake:nth-of-type(53) {
  animation-name: snowflake-53;
  animation-delay: 17s;
  animation-duration: 39s;
  animation-iteration-count: infinite;
  left: 20%;
  top: -75%;
}
.christmas .snowflake:nth-of-type(53):after {
  font-size: 36px;
}

@keyframes snowflake-53 {
  0% {
    transform: rotate(0deg);
    left: 20%;
    top: -75%;
  }
  25% {
    left: 21%;
  }
  50% {
    left: 20%;
  }
  75% {
    left: 22%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 115%;
    opacity: 0;
  }
}
/* Snowflake #54 */
.christmas .snowflake:nth-of-type(54) {
  animation-name: snowflake-54;
  animation-delay: 10s;
  animation-duration: 50s;
  animation-iteration-count: infinite;
  left: 11%;
  top: -90%;
}
.christmas .snowflake:nth-of-type(54):after {
  font-size: 42px;
}

@keyframes snowflake-54 {
  0% {
    transform: rotate(0deg);
    left: 11%;
    top: -90%;
  }
  25% {
    left: 12%;
  }
  50% {
    left: 11%;
  }
  75% {
    left: 13%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 130%;
    opacity: 0;
  }
}
/* Snowflake #55 */
.christmas .snowflake:nth-of-type(55) {
  animation-name: snowflake-55;
  animation-delay: 0s;
  animation-duration: 25s;
  animation-iteration-count: infinite;
  left: 37%;
  top: -86%;
}
.christmas .snowflake:nth-of-type(55):after {
  font-size: 39px;
}

@keyframes snowflake-55 {
  0% {
    transform: rotate(0deg);
    left: 37%;
    top: -86%;
  }
  25% {
    left: 38%;
  }
  50% {
    left: 37%;
  }
  75% {
    left: 39%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 126%;
    opacity: 0;
  }
}
/* Snowflake #56 */
.christmas .snowflake:nth-of-type(56) {
  animation-name: snowflake-56;
  animation-delay: 3s;
  animation-duration: 44s;
  animation-iteration-count: infinite;
  left: 1%;
  top: -88%;
}
.christmas .snowflake:nth-of-type(56):after {
  font-size: 44px;
}

@keyframes snowflake-56 {
  0% {
    transform: rotate(0deg);
    left: 1%;
    top: -88%;
  }
  25% {
    left: 2%;
  }
  50% {
    left: 1%;
  }
  75% {
    left: 3%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 128%;
    opacity: 0;
  }
}
/* Snowflake #57 */
.christmas .snowflake:nth-of-type(57) {
  animation-name: snowflake-57;
  animation-delay: 6s;
  animation-duration: 37s;
  animation-iteration-count: infinite;
  left: 8%;
  top: -77%;
}
.christmas .snowflake:nth-of-type(57):after {
  font-size: 43px;
}

@keyframes snowflake-57 {
  0% {
    transform: rotate(0deg);
    left: 8%;
    top: -77%;
  }
  25% {
    left: 9%;
  }
  50% {
    left: 8%;
  }
  75% {
    left: 10%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 117%;
    opacity: 0;
  }
}
/* Snowflake #58 */
.christmas .snowflake:nth-of-type(58) {
  animation-name: snowflake-58;
  animation-delay: 9s;
  animation-duration: 36s;
  animation-iteration-count: infinite;
  left: 51%;
  top: -64%;
}
.christmas .snowflake:nth-of-type(58):after {
  font-size: 36px;
}

@keyframes snowflake-58 {
  0% {
    transform: rotate(0deg);
    left: 51%;
    top: -64%;
  }
  25% {
    left: 52%;
  }
  50% {
    left: 51%;
  }
  75% {
    left: 53%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 104%;
    opacity: 0;
  }
}
/* Snowflake #59 */
.christmas .snowflake:nth-of-type(59) {
  animation-name: snowflake-59;
  animation-delay: 6s;
  animation-duration: 34s;
  animation-iteration-count: infinite;
  left: 37%;
  top: -65%;
}
.christmas .snowflake:nth-of-type(59):after {
  font-size: 45px;
}

@keyframes snowflake-59 {
  0% {
    transform: rotate(0deg);
    left: 37%;
    top: -65%;
  }
  25% {
    left: 38%;
  }
  50% {
    left: 37%;
  }
  75% {
    left: 39%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 105%;
    opacity: 0;
  }
}
/* Snowflake #60 */
.christmas .snowflake:nth-of-type(60) {
  animation-name: snowflake-60;
  animation-delay: 2s;
  animation-duration: 38s;
  animation-iteration-count: infinite;
  left: 39%;
  top: -68%;
}
.christmas .snowflake:nth-of-type(60):after {
  font-size: 45px;
}

@keyframes snowflake-60 {
  0% {
    transform: rotate(0deg);
    left: 39%;
    top: -68%;
  }
  25% {
    left: 40%;
  }
  50% {
    left: 39%;
  }
  75% {
    left: 41%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 108%;
    opacity: 0;
  }
}
/* Snowflake #61 */
.christmas .snowflake:nth-of-type(61) {
  animation-name: snowflake-61;
  animation-delay: 10s;
  animation-duration: 42s;
  animation-iteration-count: infinite;
  left: 5%;
  top: -96%;
}
.christmas .snowflake:nth-of-type(61):after {
  font-size: 36px;
}

@keyframes snowflake-61 {
  0% {
    transform: rotate(0deg);
    left: 5%;
    top: -96%;
  }
  25% {
    left: 6%;
  }
  50% {
    left: 5%;
  }
  75% {
    left: 7%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 136%;
    opacity: 0;
  }
}
/* Snowflake #62 */
.christmas .snowflake:nth-of-type(62) {
  animation-name: snowflake-62;
  animation-delay: 10s;
  animation-duration: 48s;
  animation-iteration-count: infinite;
  left: 69%;
  top: -57%;
}
.christmas .snowflake:nth-of-type(62):after {
  font-size: 38px;
}

@keyframes snowflake-62 {
  0% {
    transform: rotate(0deg);
    left: 69%;
    top: -57%;
  }
  25% {
    left: 70%;
  }
  50% {
    left: 69%;
  }
  75% {
    left: 71%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 97%;
    opacity: 0;
  }
}
/* Snowflake #63 */
.christmas .snowflake:nth-of-type(63) {
  animation-name: snowflake-63;
  animation-delay: 12s;
  animation-duration: 36s;
  animation-iteration-count: infinite;
  left: 18%;
  top: -67%;
}
.christmas .snowflake:nth-of-type(63):after {
  font-size: 45px;
}

@keyframes snowflake-63 {
  0% {
    transform: rotate(0deg);
    left: 18%;
    top: -67%;
  }
  25% {
    left: 19%;
  }
  50% {
    left: 18%;
  }
  75% {
    left: 20%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 107%;
    opacity: 0;
  }
}
/* Snowflake #64 */
.christmas .snowflake:nth-of-type(64) {
  animation-name: snowflake-64;
  animation-delay: 15s;
  animation-duration: 40s;
  animation-iteration-count: infinite;
  left: 88%;
  top: -62%;
}
.christmas .snowflake:nth-of-type(64):after {
  font-size: 43px;
}

@keyframes snowflake-64 {
  0% {
    transform: rotate(0deg);
    left: 88%;
    top: -62%;
  }
  25% {
    left: 89%;
  }
  50% {
    left: 88%;
  }
  75% {
    left: 90%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 102%;
    opacity: 0;
  }
}
/* Snowflake #65 */
.christmas .snowflake:nth-of-type(65) {
  animation-name: snowflake-65;
  animation-delay: 18s;
  animation-duration: 36s;
  animation-iteration-count: infinite;
  left: 77%;
  top: -93%;
}
.christmas .snowflake:nth-of-type(65):after {
  font-size: 39px;
}

@keyframes snowflake-65 {
  0% {
    transform: rotate(0deg);
    left: 77%;
    top: -93%;
  }
  25% {
    left: 78%;
  }
  50% {
    left: 77%;
  }
  75% {
    left: 79%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 133%;
    opacity: 0;
  }
}
/* Snowflake #66 */
.christmas .snowflake:nth-of-type(66) {
  animation-name: snowflake-66;
  animation-delay: 19s;
  animation-duration: 33s;
  animation-iteration-count: infinite;
  left: 84%;
  top: -89%;
}
.christmas .snowflake:nth-of-type(66):after {
  font-size: 40px;
}

@keyframes snowflake-66 {
  0% {
    transform: rotate(0deg);
    left: 84%;
    top: -89%;
  }
  25% {
    left: 85%;
  }
  50% {
    left: 84%;
  }
  75% {
    left: 86%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 129%;
    opacity: 0;
  }
}
/* Snowflake #67 */
.christmas .snowflake:nth-of-type(67) {
  animation-name: snowflake-67;
  animation-delay: 14s;
  animation-duration: 27s;
  animation-iteration-count: infinite;
  left: 92%;
  top: -97%;
}
.christmas .snowflake:nth-of-type(67):after {
  font-size: 43px;
}

@keyframes snowflake-67 {
  0% {
    transform: rotate(0deg);
    left: 92%;
    top: -97%;
  }
  25% {
    left: 93%;
  }
  50% {
    left: 92%;
  }
  75% {
    left: 94%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 137%;
    opacity: 0;
  }
}
/* Snowflake #68 */
.christmas .snowflake:nth-of-type(68) {
  animation-name: snowflake-68;
  animation-delay: 19s;
  animation-duration: 50s;
  animation-iteration-count: infinite;
  left: 26%;
  top: -61%;
}
.christmas .snowflake:nth-of-type(68):after {
  font-size: 35px;
}

@keyframes snowflake-68 {
  0% {
    transform: rotate(0deg);
    left: 26%;
    top: -61%;
  }
  25% {
    left: 27%;
  }
  50% {
    left: 26%;
  }
  75% {
    left: 28%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 101%;
    opacity: 0;
  }
}
/* Snowflake #69 */
.christmas .snowflake:nth-of-type(69) {
  animation-name: snowflake-69;
  animation-delay: 12s;
  animation-duration: 37s;
  animation-iteration-count: infinite;
  left: 59%;
  top: -82%;
}
.christmas .snowflake:nth-of-type(69):after {
  font-size: 36px;
}

@keyframes snowflake-69 {
  0% {
    transform: rotate(0deg);
    left: 59%;
    top: -82%;
  }
  25% {
    left: 60%;
  }
  50% {
    left: 59%;
  }
  75% {
    left: 61%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 122%;
    opacity: 0;
  }
}
/* Snowflake #70 */
.christmas .snowflake:nth-of-type(70) {
  animation-name: snowflake-70;
  animation-delay: 10s;
  animation-duration: 45s;
  animation-iteration-count: infinite;
  left: 98%;
  top: -93%;
}
.christmas .snowflake:nth-of-type(70):after {
  font-size: 44px;
}

@keyframes snowflake-70 {
  0% {
    transform: rotate(0deg);
    left: 98%;
    top: -93%;
  }
  25% {
    left: 99%;
  }
  50% {
    left: 98%;
  }
  75% {
    left: 100%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 133%;
    opacity: 0;
  }
}
/* Snowflake #71 */
.christmas .snowflake:nth-of-type(71) {
  animation-name: snowflake-71;
  animation-delay: 1s;
  animation-duration: 39s;
  animation-iteration-count: infinite;
  left: 53%;
  top: -65%;
}
.christmas .snowflake:nth-of-type(71):after {
  font-size: 36px;
}

@keyframes snowflake-71 {
  0% {
    transform: rotate(0deg);
    left: 53%;
    top: -65%;
  }
  25% {
    left: 54%;
  }
  50% {
    left: 53%;
  }
  75% {
    left: 55%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 105%;
    opacity: 0;
  }
}
/* Snowflake #72 */
.christmas .snowflake:nth-of-type(72) {
  animation-name: snowflake-72;
  animation-delay: 19s;
  animation-duration: 48s;
  animation-iteration-count: infinite;
  left: 47%;
  top: -59%;
}
.christmas .snowflake:nth-of-type(72):after {
  font-size: 42px;
}

@keyframes snowflake-72 {
  0% {
    transform: rotate(0deg);
    left: 47%;
    top: -59%;
  }
  25% {
    left: 48%;
  }
  50% {
    left: 47%;
  }
  75% {
    left: 49%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 99%;
    opacity: 0;
  }
}
/* Snowflake #73 */
.christmas .snowflake:nth-of-type(73) {
  animation-name: snowflake-73;
  animation-delay: 0s;
  animation-duration: 24s;
  animation-iteration-count: infinite;
  left: 96%;
  top: -98%;
}
.christmas .snowflake:nth-of-type(73):after {
  font-size: 35px;
}

@keyframes snowflake-73 {
  0% {
    transform: rotate(0deg);
    left: 96%;
    top: -98%;
  }
  25% {
    left: 97%;
  }
  50% {
    left: 96%;
  }
  75% {
    left: 98%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 138%;
    opacity: 0;
  }
}
/* Snowflake #74 */
.christmas .snowflake:nth-of-type(74) {
  animation-name: snowflake-74;
  animation-delay: 4s;
  animation-duration: 34s;
  animation-iteration-count: infinite;
  left: 70%;
  top: -93%;
}
.christmas .snowflake:nth-of-type(74):after {
  font-size: 41px;
}

@keyframes snowflake-74 {
  0% {
    transform: rotate(0deg);
    left: 70%;
    top: -93%;
  }
  25% {
    left: 71%;
  }
  50% {
    left: 70%;
  }
  75% {
    left: 72%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 133%;
    opacity: 0;
  }
}
/* Snowflake #75 */
.christmas .snowflake:nth-of-type(75) {
  animation-name: snowflake-75;
  animation-delay: 3s;
  animation-duration: 24s;
  animation-iteration-count: infinite;
  left: 4%;
  top: -62%;
}
.christmas .snowflake:nth-of-type(75):after {
  font-size: 32px;
}

@keyframes snowflake-75 {
  0% {
    transform: rotate(0deg);
    left: 4%;
    top: -62%;
  }
  25% {
    left: 5%;
  }
  50% {
    left: 4%;
  }
  75% {
    left: 6%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 102%;
    opacity: 0;
  }
}
/* Snowflake #76 */
.christmas .snowflake:nth-of-type(76) {
  animation-name: snowflake-76;
  animation-delay: 11s;
  animation-duration: 36s;
  animation-iteration-count: infinite;
  left: 70%;
  top: -63%;
}
.christmas .snowflake:nth-of-type(76):after {
  font-size: 36px;
}

@keyframes snowflake-76 {
  0% {
    transform: rotate(0deg);
    left: 70%;
    top: -63%;
  }
  25% {
    left: 71%;
  }
  50% {
    left: 70%;
  }
  75% {
    left: 72%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 103%;
    opacity: 0;
  }
}
/* Snowflake #77 */
.christmas .snowflake:nth-of-type(77) {
  animation-name: snowflake-77;
  animation-delay: 1s;
  animation-duration: 37s;
  animation-iteration-count: infinite;
  left: 80%;
  top: -65%;
}
.christmas .snowflake:nth-of-type(77):after {
  font-size: 36px;
}

@keyframes snowflake-77 {
  0% {
    transform: rotate(0deg);
    left: 80%;
    top: -65%;
  }
  25% {
    left: 81%;
  }
  50% {
    left: 80%;
  }
  75% {
    left: 82%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 105%;
    opacity: 0;
  }
}
/* Snowflake #78 */
.christmas .snowflake:nth-of-type(78) {
  animation-name: snowflake-78;
  animation-delay: 14s;
  animation-duration: 43s;
  animation-iteration-count: infinite;
  left: 73%;
  top: -60%;
}
.christmas .snowflake:nth-of-type(78):after {
  font-size: 40px;
}

@keyframes snowflake-78 {
  0% {
    transform: rotate(0deg);
    left: 73%;
    top: -60%;
  }
  25% {
    left: 74%;
  }
  50% {
    left: 73%;
  }
  75% {
    left: 75%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 100%;
    opacity: 0;
  }
}
/* Snowflake #79 */
.christmas .snowflake:nth-of-type(79) {
  animation-name: snowflake-79;
  animation-delay: 6s;
  animation-duration: 48s;
  animation-iteration-count: infinite;
  left: 58%;
  top: -79%;
}
.christmas .snowflake:nth-of-type(79):after {
  font-size: 45px;
}

@keyframes snowflake-79 {
  0% {
    transform: rotate(0deg);
    left: 58%;
    top: -79%;
  }
  25% {
    left: 59%;
  }
  50% {
    left: 58%;
  }
  75% {
    left: 60%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 119%;
    opacity: 0;
  }
}
/* Snowflake #80 */
.christmas .snowflake:nth-of-type(80) {
  animation-name: snowflake-80;
  animation-delay: 4s;
  animation-duration: 41s;
  animation-iteration-count: infinite;
  left: 64%;
  top: -57%;
}
.christmas .snowflake:nth-of-type(80):after {
  font-size: 37px;
}

@keyframes snowflake-80 {
  0% {
    transform: rotate(0deg);
    left: 64%;
    top: -57%;
  }
  25% {
    left: 65%;
  }
  50% {
    left: 64%;
  }
  75% {
    left: 66%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 97%;
    opacity: 0;
  }
}
/* Snowflake #81 */
.christmas .snowflake:nth-of-type(81) {
  animation-name: snowflake-81;
  animation-delay: 12s;
  animation-duration: 31s;
  animation-iteration-count: infinite;
  left: 53%;
  top: -70%;
}
.christmas .snowflake:nth-of-type(81):after {
  font-size: 32px;
}

@keyframes snowflake-81 {
  0% {
    transform: rotate(0deg);
    left: 53%;
    top: -70%;
  }
  25% {
    left: 54%;
  }
  50% {
    left: 53%;
  }
  75% {
    left: 55%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 110%;
    opacity: 0;
  }
}
/* Snowflake #82 */
.christmas .snowflake:nth-of-type(82) {
  animation-name: snowflake-82;
  animation-delay: 16s;
  animation-duration: 39s;
  animation-iteration-count: infinite;
  left: 37%;
  top: -59%;
}
.christmas .snowflake:nth-of-type(82):after {
  font-size: 34px;
}

@keyframes snowflake-82 {
  0% {
    transform: rotate(0deg);
    left: 37%;
    top: -59%;
  }
  25% {
    left: 38%;
  }
  50% {
    left: 37%;
  }
  75% {
    left: 39%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 99%;
    opacity: 0;
  }
}
/* Snowflake #83 */
.christmas .snowflake:nth-of-type(83) {
  animation-name: snowflake-83;
  animation-delay: 3s;
  animation-duration: 34s;
  animation-iteration-count: infinite;
  left: 30%;
  top: -89%;
}
.christmas .snowflake:nth-of-type(83):after {
  font-size: 35px;
}

@keyframes snowflake-83 {
  0% {
    transform: rotate(0deg);
    left: 30%;
    top: -89%;
  }
  25% {
    left: 31%;
  }
  50% {
    left: 30%;
  }
  75% {
    left: 32%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 129%;
    opacity: 0;
  }
}
/* Snowflake #84 */
.christmas .snowflake:nth-of-type(84) {
  animation-name: snowflake-84;
  animation-delay: 6s;
  animation-duration: 43s;
  animation-iteration-count: infinite;
  left: 65%;
  top: -82%;
}
.christmas .snowflake:nth-of-type(84):after {
  font-size: 36px;
}

@keyframes snowflake-84 {
  0% {
    transform: rotate(0deg);
    left: 65%;
    top: -82%;
  }
  25% {
    left: 66%;
  }
  50% {
    left: 65%;
  }
  75% {
    left: 67%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 122%;
    opacity: 0;
  }
}
/* Snowflake #85 */
.christmas .snowflake:nth-of-type(85) {
  animation-name: snowflake-85;
  animation-delay: 7s;
  animation-duration: 50s;
  animation-iteration-count: infinite;
  left: 9%;
  top: -87%;
}
.christmas .snowflake:nth-of-type(85):after {
  font-size: 37px;
}

@keyframes snowflake-85 {
  0% {
    transform: rotate(0deg);
    left: 9%;
    top: -87%;
  }
  25% {
    left: 10%;
  }
  50% {
    left: 9%;
  }
  75% {
    left: 11%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 127%;
    opacity: 0;
  }
}
/* Snowflake #86 */
.christmas .snowflake:nth-of-type(86) {
  animation-name: snowflake-86;
  animation-delay: 16s;
  animation-duration: 36s;
  animation-iteration-count: infinite;
  left: 56%;
  top: -82%;
}
.christmas .snowflake:nth-of-type(86):after {
  font-size: 36px;
}

@keyframes snowflake-86 {
  0% {
    transform: rotate(0deg);
    left: 56%;
    top: -82%;
  }
  25% {
    left: 57%;
  }
  50% {
    left: 56%;
  }
  75% {
    left: 58%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 122%;
    opacity: 0;
  }
}
/* Snowflake #87 */
.christmas .snowflake:nth-of-type(87) {
  animation-name: snowflake-87;
  animation-delay: 18s;
  animation-duration: 43s;
  animation-iteration-count: infinite;
  left: 22%;
  top: -98%;
}
.christmas .snowflake:nth-of-type(87):after {
  font-size: 39px;
}

@keyframes snowflake-87 {
  0% {
    transform: rotate(0deg);
    left: 22%;
    top: -98%;
  }
  25% {
    left: 23%;
  }
  50% {
    left: 22%;
  }
  75% {
    left: 24%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 138%;
    opacity: 0;
  }
}
/* Snowflake #88 */
.christmas .snowflake:nth-of-type(88) {
  animation-name: snowflake-88;
  animation-delay: 2s;
  animation-duration: 38s;
  animation-iteration-count: infinite;
  left: 61%;
  top: -77%;
}
.christmas .snowflake:nth-of-type(88):after {
  font-size: 31px;
}

@keyframes snowflake-88 {
  0% {
    transform: rotate(0deg);
    left: 61%;
    top: -77%;
  }
  25% {
    left: 62%;
  }
  50% {
    left: 61%;
  }
  75% {
    left: 63%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 117%;
    opacity: 0;
  }
}
/* Snowflake #89 */
.christmas .snowflake:nth-of-type(89) {
  animation-name: snowflake-89;
  animation-delay: 14s;
  animation-duration: 31s;
  animation-iteration-count: infinite;
  left: 39%;
  top: -53%;
}
.christmas .snowflake:nth-of-type(89):after {
  font-size: 41px;
}

@keyframes snowflake-89 {
  0% {
    transform: rotate(0deg);
    left: 39%;
    top: -53%;
  }
  25% {
    left: 40%;
  }
  50% {
    left: 39%;
  }
  75% {
    left: 41%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 93%;
    opacity: 0;
  }
}
/* Snowflake #90 */
.christmas .snowflake:nth-of-type(90) {
  animation-name: snowflake-90;
  animation-delay: 9s;
  animation-duration: 21s;
  animation-iteration-count: infinite;
  left: 79%;
  top: -57%;
}
.christmas .snowflake:nth-of-type(90):after {
  font-size: 44px;
}

@keyframes snowflake-90 {
  0% {
    transform: rotate(0deg);
    left: 79%;
    top: -57%;
  }
  25% {
    left: 80%;
  }
  50% {
    left: 79%;
  }
  75% {
    left: 81%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 97%;
    opacity: 0;
  }
}
/* Snowflake #91 */
.christmas .snowflake:nth-of-type(91) {
  animation-name: snowflake-91;
  animation-delay: 19s;
  animation-duration: 50s;
  animation-iteration-count: infinite;
  left: 94%;
  top: -62%;
}
.christmas .snowflake:nth-of-type(91):after {
  font-size: 34px;
}

@keyframes snowflake-91 {
  0% {
    transform: rotate(0deg);
    left: 94%;
    top: -62%;
  }
  25% {
    left: 95%;
  }
  50% {
    left: 94%;
  }
  75% {
    left: 96%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 102%;
    opacity: 0;
  }
}
/* Snowflake #92 */
.christmas .snowflake:nth-of-type(92) {
  animation-name: snowflake-92;
  animation-delay: 19s;
  animation-duration: 24s;
  animation-iteration-count: infinite;
  left: 26%;
  top: -67%;
}
.christmas .snowflake:nth-of-type(92):after {
  font-size: 37px;
}

@keyframes snowflake-92 {
  0% {
    transform: rotate(0deg);
    left: 26%;
    top: -67%;
  }
  25% {
    left: 27%;
  }
  50% {
    left: 26%;
  }
  75% {
    left: 28%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 107%;
    opacity: 0;
  }
}
/* Snowflake #93 */
.christmas .snowflake:nth-of-type(93) {
  animation-name: snowflake-93;
  animation-delay: 5s;
  animation-duration: 22s;
  animation-iteration-count: infinite;
  left: 91%;
  top: -64%;
}
.christmas .snowflake:nth-of-type(93):after {
  font-size: 44px;
}

@keyframes snowflake-93 {
  0% {
    transform: rotate(0deg);
    left: 91%;
    top: -64%;
  }
  25% {
    left: 92%;
  }
  50% {
    left: 91%;
  }
  75% {
    left: 93%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 104%;
    opacity: 0;
  }
}
/* Snowflake #94 */
.christmas .snowflake:nth-of-type(94) {
  animation-name: snowflake-94;
  animation-delay: 4s;
  animation-duration: 46s;
  animation-iteration-count: infinite;
  left: 70%;
  top: -70%;
}
.christmas .snowflake:nth-of-type(94):after {
  font-size: 31px;
}

@keyframes snowflake-94 {
  0% {
    transform: rotate(0deg);
    left: 70%;
    top: -70%;
  }
  25% {
    left: 71%;
  }
  50% {
    left: 70%;
  }
  75% {
    left: 72%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 110%;
    opacity: 0;
  }
}
/* Snowflake #95 */
.christmas .snowflake:nth-of-type(95) {
  animation-name: snowflake-95;
  animation-delay: 4s;
  animation-duration: 36s;
  animation-iteration-count: infinite;
  left: 87%;
  top: -100%;
}
.christmas .snowflake:nth-of-type(95):after {
  font-size: 37px;
}

@keyframes snowflake-95 {
  0% {
    transform: rotate(0deg);
    left: 87%;
    top: -100%;
  }
  25% {
    left: 88%;
  }
  50% {
    left: 87%;
  }
  75% {
    left: 89%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 140%;
    opacity: 0;
  }
}
/* Snowflake #96 */
.christmas .snowflake:nth-of-type(96) {
  animation-name: snowflake-96;
  animation-delay: 16s;
  animation-duration: 36s;
  animation-iteration-count: infinite;
  left: 23%;
  top: -73%;
}
.christmas .snowflake:nth-of-type(96):after {
  font-size: 36px;
}

@keyframes snowflake-96 {
  0% {
    transform: rotate(0deg);
    left: 23%;
    top: -73%;
  }
  25% {
    left: 24%;
  }
  50% {
    left: 23%;
  }
  75% {
    left: 25%;
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    top: 113%;
    opacity: 0;
  }
}
/*# sourceMappingURL=maps/snowflakes.css.map */